跟随鼠标的跑马灯滚动文字效果[附注释]

　　刚刚给大家介绍了跑马灯代码（文字滚动）大全，一时兴起，继续给朋友说一些关于marquee标记的使用，本文中我们要介绍的是跟随鼠标的文本框，在文本域中，使用到了javascript，这样，跟随鼠标的滚动文字效果就出来了。

　　关于代码的使用，烈火已经在下面的实例中进行了注明，需要修改的朋友，请按注释修改。

　　实例代码如下：

<SCRIPT type="text/javascript"> var scroller_msg='<FONT style="BACKGROUND-COLOR: #F7F7F7; color:#000;">烈火学院欢迎您，网址：www.veryhuo.com，以提供计算机知识、网站运营、软件应用、设计教程、编程开发与IT资讯等为主要宗旨，同时有源码下载、站长工具、在线手册、免费资源等内容，是国内快捷易懂、内容丰富的网上学习网站。'　//在这里定义要滚动的文字　style中注明了颜色 var dismissafter=0 var initialvisible=0 if (document.all) document.write('<marquee id="curscroll" style="position:absolute;width:250px;border:1px solid #CC9999;font-size:14px;background-color:#000;visibility:hidden">'+scroller_msg+'</marquee>') //这里文本域，上面的文字将在这个范围内滚动，style中有宽度、边框和背景颜色。 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><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!