码迷,mamicode.com
首页 > 其他好文 > 详细

表白神器

时间:2016-11-23 08:07:51      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:大小   bsp   点击   oct   rem   int   floor   title   random   

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">

/*第二步:创建img标签 将这个img标签对象追加到body标签里面
给这个标签对象添加src属性
这一张图片的大小要随机出现
位置也要随机出来 Math.random()
innerWidth与innerHeight来控制
当点击当前图片时要将当前的图片删除 removeChild() this
*/
//第一步:当页面加载完成后 开始执行定时器
window.onload = function(){
setInterval("createImg()",100);
document.body.bgColor="#000";
}
//定义图片的大小的变量
var img_min_width =50;
var img_max_width = 100;
var x = 0;
var y = innerWidth-img_max_width;//窗口文档的边框
var t = 0;
var b = innerHeight-img_max_width;//窗口文档的高度

function createImg(){
//每隔一定时间就执行下面的一个随机值
var wid = getRandom(img_max_width,img_min_width);
//每隔一定时间就获取水平位置位置的变量值;
var left = getRandom(y,x);
//每隔一定时间就随机获取垂直位置的变量
var top = getRandom(b,t);
//创建一个标签img createElement创建标签的意思
var img_node = document.createElement("img");
//把变量值给BODY在输出 ; appendChild是传输的意思;
document.body.appendChild(img_node);
//给这个标签添加src对象
img_node.setAttribute("src","../漫天小星星图片images/13.jpg");
//每一个图片都应随机出来
img_node.setAttribute("width",wid);
//位置也随机出来
img_node.setAttribute("style","position:absolute;left:"+left+"px;top:"+top+"px;");
//// 当点击当前图片时要将当前的图片删除 要给图片添加一个onclick
img_node.setAttribute("onclick","removeImg()tihe");
}
function getRandom(max,min){
return Math.floor(Math.random()*(max-min+1)+min);

}
function removeImg(obj){
obj.parentNode.removeChild(obj);
}


var deep = 0;
function biaobai() {
var str = "我";
for(i=0;i<deep;i++) {
str += ‘非常‘;
}
str += ‘爱你!‘;
deep ++;
alert(str);
if(deep > 2) {
alert(‘嫁给我吧!‘);
return;
}
biaobai();
}
biaobai();
</script>
<!-- <img src="漫天小星星图片images/13.jpg" id="img" /> -->
</body>
</body>
</html>

 

表白神器

标签:大小   bsp   点击   oct   rem   int   floor   title   random   

原文地址:http://www.cnblogs.com/TMDD/p/6092191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!