&#106avascript的下雨效果,比flash的下雨效果还好

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br>

<!--# 特效来源:http://www.webjx.com/js -->

<!-- 完整的HTML代码是: -->

<html>

<head>

<style>

.drop { position: absolute; width: 3; filter: flipV(), flipH();

font-size: 40; color: blue }

</style>

<script language="javascript">

snow = false; // false-雨; true-雪

snowsym = " * " //这是符号

rainsym = " ' " //这儿可以放图片.

howmany = 10 //雨滴多少/雪片?

/**************不要给变下面的参数***********/

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;

function moverain(){

for(move = 0; move < drops; move++){

xx[move]+=movex; yy[move]+=mv[move];

hmm = Math.round(Math.random()*1);

if(xx[move] < 0){xx[move] = maxx+10;}

if(yy[move] > maxy){yy[move] = 10;}

drop[move].left = xx[move]

drop[move].top = yy[move]+document.body.scrollTop;

}setTimeout('moverain()','1')}

</script>

</head>

<body bgcolor=#000000>

<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/4;

drop[make].fontSize = (Math.random()*10)+20;

if(snow){col = 'white'}else{col = 'blue'}

drop[make].color = col;

}

window.onload=moverain

}

</script>

</body>

</html>

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航