漂浮的文字跟随鼠标,到鼠标下方就会自动消失 - 中国WEB开发者网络 (http://www.webasp.net) -- 网页特效 (http://www.webasp.net/javascript/) --- 漂浮的文字跟随鼠标,到鼠标下方就会自动消失 (http://www.webasp.net/javascript/1/491.htm) |
| -- 发布日期: 2005-06-14 |
| <!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! --> <!-- 要实现此效果需要 1 个步骤: --> <!-- 第 1 步: --> <!-- 把下面的代码加到<BODY></BODY>区域中: --> <SCRIPT language=JavaScript> <!-- //Stuff to change!------------------ msg="有问题请与我联系!"; mail="mailto:webmaster@javascript2000.com"; fnt='Verdana'; fsze='2'; speed=1; //---------------------------------- Y=0,X=0,my=0,mx=0,angle=0,dy=0,dx=0,tmr=null; ns=(document.layers)?1:0; off=(document.layers)?'hide':'hidden'; on=(document.layers)?'show':'visible'; if (ns) document.write('<layer name=n top=0 left=0><font face='+fnt+' size='+fsze+'><a href='+mail+'>'+msg+'</a></font></layer>'); else{ document.write('<div id="c" style="position:absolute"><div style="position:relative">'); document.write('<div id="i" style="position:absolute;width:200px;height:30px"><font face='+fnt+' size='+fsze+'><a href='+mail+'>'+msg+'</a></font></div>'); document.write('</div></div>'); } if (ns){ window.captureEvents(Event.MOUSEMOVE); function nMouse(evnt){ my=evnt.pageY+20;mx=evnt.pageX } } else{ function iMouse(){ my=event.y+20;mx=event.x; } } function stalk(){ if (ns) window.onMouseMove=nMouse; else {document.onmousemove=iMouse;c.style.top=document.body.scrollTop} var layer=(document.layers)?document.n:i.style; Y=my-dy;X=mx-dx; angle=Math.round(Math.atan2(Y,X)*180/Math.PI); if (angle < 0) angle += 360; y = Math.round(speed*Math.sin(angle*Math.PI/180));x = Math.round(speed*Math.cos(angle*Math.PI/180)); dy+=y;dx+=x; if ((dy > my-speed*2) && (dx > mx-speed*2) && (dy < my+speed*2) && (dx < mx+speed*2)) {clearTimeout(tmr);layer.visibility=off;} else{layer.visibility=on;layer.top=dy;layer.left=dx} tmr=setTimeout('stalk()',10); } stalk(); //--> </SCRIPT> |
| webasp.net |