javascrip用户手册 源码+效果显示 跟随鼠标的*[推荐][共2步][无须修改] [顺便告诉你并不一定非用*发挥你的想象改吧!不过好象还是*比较漂亮!] ====1、将以下代码加入到HEML的<head></head>之间: <STYLE TYPE="text/css"> <!-- BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font-size : 12pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 20pt; color : red; visibility : hidden; } .s3 { position : absolute; font-size : 16pt; color : gold; visibility : hidden; } .s4 { position : absolute; font-size : 14pt; color : lime; visibility : hidden; } --> </STYLE> ====2、将以下代码加入HTML的<body></body>之间: <body bgcolor="#FFFFFF"> <DIV ID="div1" CLASS="s1">*</DIV> <DIV ID="div2" CLASS="s2">*</DIV> <DIV ID="div3" CLASS="s3">*</DIV> <DIV ID="div4" CLASS="s4">*</DIV> <script language="javascript" type="text/javascript" class="s5"> var nav = (document.layers); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) { eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); } n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(4); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --> </script> </body>
- 1
- Fearless-Jing2012-12-06这个特效挺好看的 做的还不错
- hzhfxian2013-07-27可用时间就是早了些,谢谢分享
- 粉丝: 1
- 资源: 8
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助