问题描述
下面是我大概写的。为什么两个连续的滚动会不出效果，1和就没问题？那为高手指点或者帮忙修正下。谢谢！<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title></head><body><formid="form1"runat="server"><divid="demo"style="overflow:hidden;height:30px;width:519px;background:#ffffff;"><divid="demo1">你好<br/>你好好<br/>你好好</div><divid="demo2"></div></div>鼠标移动上去效果出错<br/><br/><divid="Div1"style="overflow:hidden;height:30px;width:519px;background:#ffffff;"><divid="Div2">１１１<br/>２２２<br/>３３３</div><divid="Div3"></div></div></form></body></html><script>varspeed=30demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2functionMarquee(){if(demo2.offsetTop-demo.scrollTop<=0)//当滚动至demo1与demo2交界时demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端else{demo.scrollTop++}}varMyMar=setInterval(Marquee,speed)//设置定时器demo.onmouseover=function(){clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器</script><script>varspeed=30Div3.innerHTML=Div2.innerHTMLfunctionMarquee1(){if(Div3.offsetTop-Div1.scrollTop<=0)Div1.scrollTop-=Div2.offsetHeightelse{Div1.scrollTop++}}varMyMar=setInterval(Marquee,speed)//设置定时器Div1.onmouseover=function(){clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的Div1.onmouseout=function(){MyMar=setInterval(Marquee1,speed)}//鼠标移开时重设定时器</script>
解决方案
解决方案二：
你是想设置向上滚动吧，是哪一个有问题呀？可能与你设置的height:30px;太小有点关系吧，你仔细设置一下对应层的高度因为有很多网站中都用类似的代码，成功的实现了效果
解决方案三：
不是的,这个滚动代码没问题,就是有两个的时候,当鼠标放在第一个滚动单元的时候第二个停止,第一个反而是减速.