首页 > PHP资讯 > HTML5培训技术 > 详解JavaScript无缝滚动效果的实例代码

详解JavaScript无缝滚动效果的实例代码

HTML5培训技术
本文给大家分享一段实例代码有关js实现无缝滚动效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下

废话不多说了,直接给大家贴代码了,具体代码如下所示:

Document

<script type="text/javascript"> var box = document.getElementById("box"); var gun = document.getElementById("gun"); function $(i){ return document.getElementsByTagName("img")[i]; } var num = 0; all(); function all(){ var shi= setInterval(fun,5); gun.onmouseover=function (){ clearInterval(shi); } gun.onmouseout=function (){ all(); } function fun(){ if(num<=-1200){ num=0; }else{ gun.style.left=num+"px"; num--; } } } 《script》

以上就是详解JavaScript无缝滚动效果的实例代码的详细内容,更多请关注 第一PHP社区 其它相关文章!

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持16不支持0