自己做的第一个JS特效
Posted 祗步末日的播客
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了自己做的第一个JS特效相关的知识，希望对你有一定的参考价值。
星星闪烁效果
<body bgcolor="black">
</body>
<script type="text/javascript">
//循环遍历div
for (var i = 0; i < 50; i++) {
document.write("<div name=‘shuzi‘ style=‘font-size: 20px;color: yellow;position: absolute;top:0px;‘>☆</div>")
}
//获取div元素
topa=1;
topb=document.getElementsByName(‘shuzi‘);
topc=document.getElementsByName(‘ss‘);
//设定整数随机
//n 最小随机数
//m 最大随机数
function rd(n,m){
var c=m-n+1;
return Math.floor(Math.random()*c+n);
}
//定时器
setInterval(function(){
topa++;
for (var i = 0; i < topb.length; i++) {
shu=Math.random();
shu=shu.toFixed(2);
topb[i].style.top=Math.random()*1200+"px";
topb[i].style.left=Math.random()*1000+"px";
topb[i].style.color="rgba("+rd(0,255)+","+rd(0,255)+","+rd(0,255)+","+shu+")";
}
},200);
</script>
</html>
以上是关于自己做的第一个JS特效的主要内容，如果未能解决你的问题，请参考以下文章