首页 > 代码库 > 随机love'...
随机love'...
<!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>
随机love'...
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。