标签：删除 点击 his onload 技术 定位 定时器 max 最大
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>随机唤醒love</title> <style></style> <script> window.onload=function(){//当页面加载完成时调用 // 一个定时器 setInterval("love()", 500);//1秒钟调用love()一次 document.body.bgColor="#F2D8CB";//给页面添加背景 } var img_max_width=100;//定义图片的最大宽度 var img_min_width=20;//定义图片的最小宽度 var left_x = 0;//水平定点最小值 var left_y = innerWidth-img_max_width;//水平定点最大值 var top_x = 0;//垂直定点最小值 var top_y = innerHeight-img_max_width;//垂直定点最大值 //定义love函数 创建img节点 function love(){ //调用随机函数 生成图片宽度 var img_width= random(img_max_width,img_min_width); //调用随机函数 生成水平定点位置 var left = random(left_y,left_x); //调用随机函数 生成垂直定点位置 var top = random(top_y,top_x); var img = document.createElement("img");//创建一个图片标签 document.body.appendChild(img);//将节点追加到body img.setAttribute("src","img/love.png");//追加属性 img.setAttribute("width",img_width);//追加属性 //随机定位 var position = "position:absolute;left:"+left+"px;top:"+top+"px;"; img.setAttribute("style", position);//给定位加值 img.setAttribute("onclick", "removeAttr(this)");//给标签加事件 谁调用就是谁 } //创建随机生成区间数的函数 function random(max,min){ return Math.floor(Math.random()*(max-min+1)+min); } //点击删除图片节点 function removeAttr(obj){ obj.parentNode.removeChild(obj);//找到其父节点 删除其节点 } </script> </head> <body> </body> </html>
标签：删除 点击 his onload 技术 定位 定时器 max 最大
原文地址：http://www.cnblogs.com/xdtx/p/6166303.html
