管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

javascript跟随鼠标的文字带滚动效果

　　比较简单常用的跟随鼠标文字滚动效果

　　

<html> 
<head> 
<title>跟随鼠标的文字带滚动效果</title> 
</head><body>

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript1.2%22%3E%20%0D%0Avar%20scroller_msg%3D'%E6%AC%A2%E8%BF%8E%E8%BF%9B%E5%85%A5%E6%88%91%E7%9A%84%E7%AB%99%E7%82%B9'%20%0D%0Avar%20dismissafter%3D0%20%0D%0A%0D%0Avar%20initialvisible%3D0%20%0D%0Aif%20(document.all)%20%0D%0Adocument.write('%3Cmarquee%20id%3D%22curscroll%22%20style%3D%22position%3Aabsolute%3Bwidth%3A150px%3Bborder%3A1px%20solid%20black%3Bfont-size%3A14px%3Bbackground-color%3Awhite%3Bvisibility%3Ahidden%22%3E'%2Bscroller_msg%2B'%3C%2Fmarquee%3E')%20%0D%0A%0D%0Afunction%20followcursor()%7B%20%0D%0A%2F%2Fmove%20cursor%20function%20for%20IE%20%0D%0A%0D%0Aif%20(initialvisible%3D%3D0)%7B%20%0D%0Acurscroll.style.visibility%3D%22visible%22%20%0D%0Ainitialvisible%3D1%20%0D%0A%7D%20%0D%0A%0D%0Acurscroll.style.left%3Ddocument.body.scrollLeft%2Bevent.clientX%2B10%20%0D%0Acurscroll.style.top%3Ddocument.body.scrollTop%2Bevent.clientY%2B10%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20dismissmessage()%7B%20%0D%0Acurscroll.style.visibility%3D%22hidden%22%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0Aif%20(document.all)%7B%20%0D%0Adocument.onmousemove%3Dfollowcursor%20%0D%0Adocument.ondblclick%3Ddismissmessage%20%0D%0Aif%20(dismissafter!%3D0)%20%0D%0AsetTimeout(%22dismissmessage()%22%2Cdismissafter*1000)%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F--%3E%20%0D%0A%20%20%0D%0A%3C%2Fscript%3E"> 
</body></html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程