模拟下雪景象

稿源：互联网 2022-08-13 06:47:59 点击： 97 撤稿纠错

模拟下雪效果，熟悉js和css的朋友可随意修改。

以下讨论的是和特效相关的模拟下雪景象教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<style>
.drop { position: absolute; width: 3;  filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">

snow = false;    // false-rain;   true-snow
snowsym = " * "  //These are the symbols for each
rainsym = " * "  //You can put images here.
howmany = 15     //How many drops/snowflakes?

/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/16;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于模拟下雪景象的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071996379.shtml方便下次再访问哦。

·上一篇： 可显示隐藏的层
·下一篇： 最简单的页面层

模拟下雪景象

文章分类LIST >>返回首页

最新游戏

最新新闻