作者：互联网
2009-06-20
<!--完整的HTML代码如下--> <html> <head> <title>精美的页面下雨效果的网页特效</title> </head> <body> <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; } else if (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>"); } }//more javascript from http://www.dow*n*c*odes.com else if (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(); } else if (ie4up) { raindropIE(); } --> </script> </body> </html>
相关标签:
相关推荐
2026-04-17
2026-04-16
专题
+ 收藏
最新数据
相关文章
使用Apparat框架优化Flash
一场关于YUI3/jQuery的精彩辩论
从if else到switch case再到抽象
BigPipe:高性能的"流水线技术"网页
跨域资源共享的10种方式
WEB移动应用框架构想
GC与JS内存泄露
三谈Iframe自适应高度
HTML5 WebSockets基础使用教程
精简高效的CSS命名准则和方法
AI精选
DeepAgents 快速上手
当AI迈入Harness时代
高速摩托车追逐视频提示词
高分辨率 2.5D 插画提示：带翼太空战舰
高速电影级奢华甜点摄影提示（熔岩巧克力蛋糕）
复古相机女孩美学与运动后光彩瑜伽氛围提示
用于 AI 图像文本渲染的 JSON 提示模板
电影街头时尚摄影提示
人类与皮克斯角色复制提示
图像到图像风格迁移提示
脚本推荐
SeeDance 2.0 Video Creator专区
OpenClaw AI专区
cowork专区
claude code skills专区
