js+div实现图片滚动效果代码_javascript技巧
- WBOY原創
- 2016-05-16 17:01:001045瀏覽
横向
<script> <BR>var t=demo.scrollWidth <BR>demo1.innerHTML+=demo1.innerHTML <BR>function doMarquee() <BR>{ <BR>demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth <BR>} <BR>function doscroll() <BR>{ <BR> sc=setInterval(doMarquee,20) <BR>} <BR>function stopscroll() <BR>{ <BR> clearInterval(sc) <BR>} <BR>doscroll() <BR></script>
纵向
<script> <BR>var speed=100 <BR>demo2.innerHTML=demo1.innerHTML <BR>function Marquees(){ <BR>if(demo2.offsetTop-demo.scrollTop<=0) <BR>demo.scrollTop-=demo1.offsetHeight <BR>else{ <BR>demo.scrollTop++ <BR>} <BR>} <BR>var MyMars=setInterval(Marquees,speed) <BR>demo.onmouseover=function() { clearInterval(MyMars) } <BR>demo.onmouseout=function() { MyMars=setInterval(Marquees,speed) } <BR>zlselect('6'); <BR></script>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn