如何实现 无缝 上下滚动

2016-07-07 15:06 来源：www.chinab4c.com 作者：ecshop专家



，滚动开始时上端空白，结束时下端又空白，请问如何实现 无缝 上下滚动


自己找见了，代码在2楼

但是在IE下滚动，但是在FF下不滚动，谁能给出解决方法？

回答：
  1. <DIV id=demo style="overflow:hidden;height :190px;width :110px;background-color:white;color:#ffffff;border-width :1px 1px 1px 1px;border-style :dotted dotted dotted dotted;border-color :black black black black;" align=center>

  3. <DIV id=demo1>

  5. <!-- 定义图片 -->

  7. <img src='images/p1.gif' width=110>

  9. <img src='images/p2.gif' width=110>

  11. <img src='images/p3.gif' width=110>

  13. </DIV>

  15. <DIV id=demo2></DIV>

  17. </DIV>



  21. <SCRIPT>

  23. var speed=50

  25. demo2.innerHTML=demo1.innerHTML

  27. function Marquee(){

  29. if(demo2.offsetTop-demo.scrollTop<=0)

  31. demo.scrollTop-=demo1.offsetHeight

  33. else{

  35. demo.scrollTop++

  37. }

  39. }

  41. var MyMar=setInterval(Marquee,speed)

  43. demo.onmouseover=function(){clearInterval(MyMar)}

  45. demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}

  47. </SCRIPT>
复制代码

好东西，先收藏