随机显示星星
Meta
Meta
随机显示小星星
图片节点,并追加到body父节点下
(3)定时器
(4)星星随机大小
(5)星星随机定位
(6)单机星星,星星消失
图片节点
添加属性
添加width属性
添加style属性
属性返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的垂直坐标。
支持
支持document.documentElement.clientX
支持);否则执行document.documentElement.clientWidth(ie浏览器兼容);
随机数(出现的坐标)
删除星星
<span style="background-color: #f5f5f5; color: #0000ff">var<span style="background-color: #f5f5f5; color: #000000"> random<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">Math.random()<span style="background-color: #f5f5f5; color: #000000">*<span style="background-color: #f5f5f5; color: #000000">(max<span style="background-color: #f5f5f5; color: #000000">-<span style="background-color: #f5f5f5; color: #000000">min)<span style="background-color: #f5f5f5; color: #000000">+<span style="background-color: #f5f5f5; color: #000000">min;
<span style="background-color: #f5f5f5; color: #008000">//<span style="background-color: #f5f5f5; color: #008000">向下取整
<span style="background-color: #f5f5f5; color: #000000"> random<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">Math.floor(random);
<span style="background-color: #f5f5f5; color: #008000">//<span style="background-color: #f5f5f5; color: #008000">返回值
<span style="background-color: #f5f5f5; color: #0000ff">return<span style="background-color: #f5f5f5; color: #000000"> random;
} <span style="color: #0000ff"></<span style="color: #800000">script<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">head<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>
原文链接:https://www.f2er.com/js/67957.html </span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> removeImg(imgObj){
document.body.removeChild(imgObj);
}
<span style="background-color: #f5f5f5; color: #0000ff">function<span style="background-color: #f5f5f5; color: #000000"> getRandom(min,max){<span style="background-color: #f5f5f5; color: #0000ff">var<span style="background-color: #f5f5f5; color: #000000"> random<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">Math.random()<span style="background-color: #f5f5f5; color: #000000">*<span style="background-color: #f5f5f5; color: #000000">(max<span style="background-color: #f5f5f5; color: #000000">-<span style="background-color: #f5f5f5; color: #000000">min)<span style="background-color: #f5f5f5; color: #000000">+<span style="background-color: #f5f5f5; color: #000000">min;
<span style="background-color: #f5f5f5; color: #008000">//<span style="background-color: #f5f5f5; color: #008000">向下取整
<span style="background-color: #f5f5f5; color: #000000"> random<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">Math.floor(random);
<span style="background-color: #f5f5f5; color: #008000">//<span style="background-color: #f5f5f5; color: #008000">返回值
<span style="background-color: #f5f5f5; color: #0000ff">return<span style="background-color: #f5f5f5; color: #000000"> random;
} <span style="color: #0000ff"></<span style="color: #800000">script<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">head<span style="color: #0000ff">>
<span style="color: #0000ff"><
<span style="color: #800000">body<span style="color: #0000ff">><span style="color: #0000ff"></
<span style="color: #800000">body<span style="color: #0000ff">><span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>