|
|
域名空间 下载中心 社区论坛 信息公告 my小屋 | |
 |
联系我们 设为首页 加入收藏 |
 |
|
 |
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿 论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图 专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版 社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务 |
 |
 |
 |
 当前位置：首页>>网页设计>>网页特效>>正文 |
新版上线！[旧版] |  |
|||
注:打开慢时请稍等
|
首先看效果 将下面的javascript代码加到< head >区就成了: < script language="javascript" > < !-- begin var no = 30; //设定下落字符数量 var speed = 5; //设定字符下落的速度 var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; //netscap和ie两种不同浏览器各自进行定义 var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; //设定字符下落区域为800*600 if (ns4up) { doc_width = self.innerwidth; doc_height = self.innerheight; } else if (ie4up) { doc_width = document.body.clientwidth; doc_height = document.body.clientheight; } //netscap和ie两种浏览器有别 x = new array(); y = new array(); r = new array(); cx = new array(); cy = new array(); s = 8; for (i = 0; i < no; ++ i) { initrain(); //定义变量数组x, y, cx, cy, s if (ns4up) { if (i == 0) { document.write("< layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\" >< font color=\"white\" >"); document.write(",￥< /font >< /layer >"); } else { document.write("< layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\" >< font color=\"white\" >"); document.write(", $ < /font >< /layer >"); } } //当i==0满足与否时，netscap中的表现 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 size=\"10\" color=\"white\" >"); 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 size=\"10\" color=\"white\" >"); document.write(" $ < /font >< /div >"); //设定要下落的的字符（￥、$）及位置 } } //当i==0满足与不满足时，ie浏览器中的表现 } 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(); //定义变量数组 a , sn , cs , cx, cy, s 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(); //在netscap浏览器中的付值过程 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(); } //在ie浏览器中的付值过程 // end -- > < /script > 编辑：黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部] 上一篇：如何制作浮动广告 下一篇：用javascript实现浏览器地震效果 转载请注明来源：www.iyit.net 特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。 |
| 相关文章 | ||||
| 友情链接 | ||||||
 |
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接 |  |
| |||||||
易特网络技术