<!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'...
时间： 2024-08-09 19:54:03