Google浏览器不兼容JS+Repeater的无缝滚动
JS代码:
var speed=40;
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
var demo=document.getElementById("demo");
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)}


前台代码:
<div id="demo" style="overflow: hidden; height:250px; margin-top:50px;">
<div id="demo1">
<div class="newslist_right">
<asp:Repeater ID="rtNews" runat="server">
<ItemTemplate>
<a href='News.aspx?id=<%#Eval("AutoId") %>'><strong>
<%#Eval("CreateTime","{0:dd/MM/yyyy}") %></strong>
<%#Eval("NewsTitle").ToString().Length > 15 ? Eval("NewsTitle").ToString().Substring(0, 13) + ".." : Eval("NewsTitle")%>
</a>

</ItemTemplate>
</asp:Repeater>
</div>
</div>
<div id="demo2">
</div>
</div>

问题:

原本右边滚动很好 但鼠标悬浮到洞察和观点上就会滚动暂停住 而且是有时这样有时没事 IE火狐测试没问题 测试Google出的问题 大家帮忙看看那里原因 我也好下手
[解决办法]
可以换成jquery勒，兼容性好些