java星星随机下落_随机显示星星(点击可删除)

随机显示星星

//实例：随机显示小星星

/*(1)网页加载完成，背景颜色为黑色

(2)创建图片节点，并追加到body父节点下

(3)定时器

(4)星星随机大小

(5)星星随机定位

(6)单机星星，星星消失*/window.οnlοad=function(){

document.body.bgColor="#000";//定时器开关

window.setInterval("start2()",1000);

}functionstart2(){//创建图片节点

varimgObj=document.createElement("img");//追加到body节点

document.body.appendChild(imgObj);//添加属性

imgObj.setAttribute("src","xingxing.gif");//添加width属性

varimgWidth=getRandom(15,85);

imgObj.setAttribute("width",imgWidth);//添加style属性

//clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的垂直坐标。

//window.innerWidth取得浏览器的定宽 火狐支持

//ie浏览器支持document.documentElement.clientX

//如果"window.innerWidth"有值则执行前面的window.innerWidth(火狐支持);否则执行document.documentElement.clientWidth(ie浏览器兼容);

/*if(window.innerWidth){

window.innerWidth

}else{

document.documentElement.clientWidth;

}*/

varwinWidth=window.innerWidth?window.innerWidth : document.documentElement.clientWidth;varwinHeight=window.innerHeight?window.innerHeight : document.documentElement.clientHeight;//求随机数(出现的坐标)

varx=getRandom(0,winWidth);vary=getRandom(0,winHeight);

imgObj.setAttribute("style","position:absolute;left:"+x+"px;top:"+y+"px");//单击删除星星

imgObj.setAttribute("onclick","removeImg(this)");

}functionremoveImg(imgObj){

document.body.removeChild(imgObj);

}functiongetRandom(min,max){varrandom=Math.random()*(max-min)+min;//向下取整

random=Math.floor(random);//返回值

returnrandom;

}