首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

Google浏览器不兼容JS+Repeater的无缝滚动解决方案

2013-04-05 
Google浏览器不兼容JS+Repeater的无缝滚动JS代码:var speed40var demo2document.getElementById(demo2

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>

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

热点排行