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

xuyiwei2009 2011-05-08 06:09:26
现在滚动一次就停了,要如果设置让他不停
<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>
...全文
142 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
kyzy_yy_pm 2011-05-09
  • 打赏
  • 举报
回复
看了仔细看总是稍微一卡的现象出现,你找flash的吧
APM60- 2011-05-09
  • 打赏
  • 举报
回复
注意高度
<div id=demo1 style="height:301px;">
xuyiwei2009 2011-05-08
  • 打赏
  • 举报
回复
我又试了一下,可能是同页面其他js 代码引起的
xuyiwei2009 2011-05-08
  • 打赏
  • 举报
回复
能不能不让它停啊,你给我的滚一次就不滚了
孟子E章 2011-05-08
  • 打赏
  • 举报
回复
都使用
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"><br><img src="http://dotnet.aspx.cc/Images/qrcode.png"><br><img

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

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

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

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

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

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

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

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

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

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

src="http://dotnet.aspx.cc/Images/logoSite.gif"><br>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=1
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(document.getElementById("demo2").offsetTop-document.getElementById("demo").scrollTop<=0)
document.getElementById("demo").scrollTop-=document.getElementById("demo1").offsetHeight
else{
document.getElementById("demo").scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
document.getElementById("demo").onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧