图片下上滚动无缝隙效果的有关问题-JavaSript-爱易网页

图片下上滚动无缝隙效果的有关问题

日期：2014-05-16　浏览次数：20436 次

图片上下滚动无缝隙效果的问题
现在滚动一次就停了，要如果设置让他不停

HTML code

<div id=demo style="overflow:hidden; width:128px; height:300px;"> 
<div id=demo1> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
</div> 
<div id=demo2></div> 
</div> 
<script language="javascript"> 
var speed=30 
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 
if(demo2.offsetTop-demo.scrollTop<=0) 
demo.scrollTop-=demo1.offsetHeight 
else{ 
demo.scrollTop++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script>

------解决方案--------------------
都使用
document.getElementById("demo1")获得对象，而不是直接demo1
其他类似

其他测试没有问题

<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<img src="http://dotnet.aspx.cc/Images/logoSite.gif"> <img src="http://dotnet.aspx.cc/Images/qrcode.png"> <img

src="http://dotnet.aspx.cc/Images/logoSite.gif"> 
<img src="http://dotnet.aspx.cc/Images/logoSite.gif"> <img src="http://dotnet.aspx.cc/Images/qrcode.png"> <img

src="http://dotnet.aspx.cc/Images/logoSite.gif"> 
<img src="http://dotnet.aspx.cc/Images/logoSite.gif"> <img src="http://dotnet.aspx.cc/Images/qrcode.png"> <img

src="http://dotnet.aspx.cc/Images/logoSite.gif"> 
<img src="http://dotnet.aspx.cc/Images/logoSite.gif"> <img src="http://dotnet.aspx.cc/Images/qrcode.png"> <img

src="http://dotnet.aspx.cc/Images/logoSite.gif"> 
<img src="http://dotnet.aspx.cc/Images/logoSite.gif"> <img src="http://dotnet.aspx.cc/Images/qrcode.png"> <img

src="http://dotnet.aspx.cc/Images/logoSite.gif"> 
<img src="http://dotnet.aspx.cc/Images/logo

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

图片下上滚动无缝隙效果的有关问题

相关资料更多>

推荐阅读更多>