您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>建站知识>>>网页代码>>>javascript的下雨效果
javascript的下雨效果
发表日期:2007/7/19 1:59:00 出处:网络 作者:未知 发布人:gxlan88 已被访问 1978

 

<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>


 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

山里人网站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:313538590 752398505 联系人:山里人