注册
|
登录
|
设为首页
|
加入收藏
首页
新闻动态
软件应用
图形图像
硬件IT
电脑安全
编程开发
精文荟萃
游戏娱乐
焦点人物
教学视频
互联网
专题
您当前的位置:飞翔学院-IT中国 →
编程开发
→
JavaScript
→ 文章内容
下雨
作者:佚名 来源:不详 发布时间:2008-5-23 9:03:47
必须将 JS 代码放在 body 区
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>下雨</title></head><body><SCRIPT language=JAVASCRIPT> SiteName = "javascript"; SiteTarget = "_top"; </SCRIPT><SCRIPT language=JavaScript>var no = 50;var speed = 1;var ns4up = (document.layers) ? 1 : 0;var ie4up = (document.all) ? 1 : 0;var s, x, y, sn, cs;var a, r, cx, cy;var i, doc_width = 800, doc_height = 600;if (ns4up) {doc_width = self.innerWidth;doc_height = self.innerHeight;}elseif (ie4up) {doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}x = new Array();y = new Array();r = new Array();cx = new Array();cy = new Array();s = 8;for (i = 0; i < no; ++ i) {initRain();if (ns4up) {if (i == 0) {document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");document.write("top=\"1\" visibility=\"show\"><font color=\"red\">");document.write(",</font></layer>");}else {document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");document.write("top=\"1\" visibility=\"show\"><font color=\"red\">");document.write(",</font></layer>"); }}elseif (ie4up) {if (i == 0) {document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"red\">");document.write(",</font></div>");}else {document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"red\">");document.write(",</font></div>"); } }}function initRain() {a = 6;r[i] = 1;sn = Math.sin(a);cs = Math.cos(a);cx[i] = Math.random() * doc_width + 1;cy[i] = Math.random() * doc_height + 1;x[i] = r[i] * sn + cx[i];y[i] = cy[i];}function makeRain() {r[i] = 1;cx[i] = Math.random() * doc_width + 1;cy[i] = 1;x[i] = r[i] * sn + cx[i];y[i] = r[i] * cs + cy[i];}function updateRain() {r[i] += s;x[i] = r[i] * sn + cx[i];y[i] = r[i] * cs + cy[i];}function raindropNS() {for (i = 0; i < no; ++ i) {updateRain();if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {makeRain();doc_width = self.innerWidth;doc_height = self.innerHeight;}document.layers["dot"+i].top = y[i];document.layers["dot"+i].left = x[i];}setTimeout("raindropNS()", speed);}function raindropIE() {for (i = 0; i < no; ++ i) {updateRain();if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {makeRain();doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}document.all["dot"+i].style.pixelTop = y[i];document.all["dot"+i].style.pixelLeft = x[i];}setTimeout("raindropIE()", speed);}if (ns4up) {raindropNS();}elseif (ie4up) {raindropIE();}</SCRIPT></body></html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
打印文档
推荐好友
返回顶部
增大字体
减少字体
上一篇文章:
避免网页被放入Frame中
下一篇文章:
进入页面特效(随机)
分类推荐
·
状态栏左右移动的文字
·
状态栏单字变化的文字
·
彩色变换的文字
·
状态栏滚动文字特效
·
嵌套marquee,产生特别效果
·
通过改变大小写来形成的状态栏特效
·
方块经过的地方文字由大写变为小写
·
如何将状态栏特效用到标题栏
·
如何使超链接被点击后不出现虚线框
·
渐显的超链接文字(很酷)
·
文字快速依次弹出
·
文字从左依次弹出
热点文章
·
下雨
·
用运动模糊滤镜制作下雨动画效果
·
Fireworks 制作下雨的逼真效果
·
Fireworks制作下雨动画效果
·
用PS的“动作”制作下雨GIF动画(详尽版)
·
PS7.0 下雨的星期天(原创)
精采文章
·
电脑城技术资料:超全Windows...
·
[图文]
23项改进 Windows 7对...
·
淘宝网信誉被炒卖 250元可买...
·
[图文]
Windows生日快乐 二十...
·
[图文]
低配置电脑也能使Vist...
精采文章
·
电脑城技术资料:超全Windows...
·
[图文]
23项改进 Windows 7对...
·
淘宝网信誉被炒卖 250元可买...
·
[图文]
Windows生日快乐 二十...
·
[图文]
低配置电脑也能使Vist...
关于本站
|
工作机会
|
合作网站
|
广告服务
|
市场合作
|
联系我们
|
抽奖活动
版权所有: 武汉威俊科技有限公司 Copyright 2005-2007 www.ITCNW.COM All rights reserved