首页 > 网络编程 > JavaScript > 网页特效 > 鼠标特效 > javascript跟随鼠标的文字带滚动效果 2007-11-19 22:37:02 作者： javascript跟随鼠标的文字带滚动效果 比较简单常用的跟随鼠标文字滚动效果 <html> <head> <title>跟随鼠标的文字带滚动效果</title> </head><body> <!--将以下代码加入HTML的<Body></Body>之间--> <script language="JavaScript1.2"> var scroller_msg='欢迎进入我的站点' var dismissafter=0 var initialvisible=0 if (document.all) document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>') function followcursor(){ //move cursor function for IE if (initialvisible==0){ curscroll.style.visibility="visible" initialvisible=1 } curscroll.style.left=document.body.scrollLeft+event.clientX+10 curscroll.style.top=document.body.scrollTop+event.clientY+10 } function dismissmessage(){ curscroll.style.visibility="hidden" } if (document.all){ document.onmousemove=followcursor document.ondblclick=dismissmessage if (dismissafter!=0) setTimeout("dismissmessage()",dismissafter*1000) } //--> </script> </body></html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:javascript实现图片跟随鼠标移动效果的方法js实现简单鼠标跟随效果的方法js实现文字跟随鼠标移动而移动的方法js图片跟随鼠标移动代码javascript DIV实现跟随鼠标移动原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果JavaScript实现文字跟随鼠标特效使用JS实现气泡跟随鼠标移动的动画效果javascript跟随鼠标x,y坐标移动的字效果JavaScript canvas实现跟随鼠标事件
