js文字无缝滚动 但是我的代码只能滚动一次 也就是滚动一次就暂停了 请问怎么解决谢谢各位大侠了
<divid="demo"style="overflow:hidden;height:320px;width:160px;"><ulid="demo1"><li>提倡团队...
<div id="demo" style="overflow:hidden;height:320px;width:160px;">
<ul id="demo1">
<li>提倡团队合作 方法灵活,善于变通 ;思考问题和开展工作突破边框束缚 ;自由交换信息; 认真征求和听取意见<p><img src="images/dhx.png" /></p></li>
<li>提倡团队合作 方法灵活,善于变通 ;思考问题和开展工作突破边框束缚 ;自由交换信息; 认真征求和听取意见<p><img src="images/dhx.png" /></p></li>
<li>提倡团队合作 方法灵活,善于变通 ;思考问题和开展工作突破边框束缚 ;自由交换信息; 认真征求和听取意见<p><img src="images/dhx.png" /></p></li>
</ul>
<div id="demo2"></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
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> 展开
<ul id="demo1">
<li>提倡团队合作 方法灵活,善于变通 ;思考问题和开展工作突破边框束缚 ;自由交换信息; 认真征求和听取意见<p><img src="images/dhx.png" /></p></li>
<li>提倡团队合作 方法灵活,善于变通 ;思考问题和开展工作突破边框束缚 ;自由交换信息; 认真征求和听取意见<p><img src="images/dhx.png" /></p></li>
<li>提倡团队合作 方法灵活,善于变通 ;思考问题和开展工作突破边框束缚 ;自由交换信息; 认真征求和听取意见<p><img src="images/dhx.png" /></p></li>
</ul>
<div id="demo2"></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
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> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询