网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > 网页特效
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.总在右上角旋转显示的字符.
.多篇文章的处理技巧.
.变色的旋转圆圈.
.不错的鼠标滚动字幕.
.文字写在边线上的效果用CSS实现的.
.网页的最大化_最小化_关闭按钮.
.网页卡拉OK歌词同步播放的网页特.
.用鼠标中键改变图象的大小的特效.
.鼠标经过箭头时,图片会向左或向右.
.随机显示不同图片脚本.
.一定时间内会自动关闭的层.
.右击色块产生不同的下拉菜单.
.一个图案的旋转展开效果.
.网页内部做个标记,以便迅速定位.
.页面内来回漂浮的图片广告代码[网.
.点击超链接后再确定一次才能到达.
.CSS制作的一个动态的超级链接效果.
.鼠标点击input框后里面的内容就消.
.打开页面时背景色的渐变效果.
.滑动条方式显示图片.

javascript的下雨效果,比flash的下雨效果还好

发表日期:2007-12-21


<!-- 完整的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>

上一篇:把一段英文的首字母全部转换为大写 人气:837
下一篇:随机播放背景音乐的脚本,每一次刷新背景音乐都不同 人气:874
浏览全部javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐