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出的问题  大家帮忙看看那里原因  我也好下手  

解决方案 »

  1.   

    可以换成jquery勒,兼容性好些
      

  2.   


    我试着换了Jquery 可是还是那问题 是我Jquery写的有问题吗?
    代码:
    var speed=30;
    var demo = $("#demo");
    var demo1 = $("#demo1");
    var demo2 = $("#demo2");
    demo2.html(demo1.html());
    function Marquee(){ 
        if(demo.scrollTop()>=demo1.height())
            demo.scrollTop(0); 
        else{
            demo.scrollTop(demo.scrollTop()+1);
        }

    var MyMar=setInterval(Marquee,speed) 
    demo.mouseover(function() {
        clearInterval(MyMar);
    } )
    demo.mouseout(function() {
        MyMar=setInterval(Marquee,speed);
    } )