91助手上添加滚动播放效果

先看代码

                <!--滚动编辑推荐-->
                <div id="demo" style="overflow:hidden; width:500px;height:150px;">
                  <table width="100%" cellspacing="10">
                    <tr>
                      <td id="demo1"><table >
                          <tr>
                            <asp:Repeater ID="rpBooksByWeekDesc" runat="server">
                              <ItemTemplate>
                                <td>
                                <p> <a href="BookDetail.aspx?platform=<%= Request.QueryString["platform"] %>&id=<%# Eval("ResID") %>"> <img src="<%# Eval("PosterUrl") %>"  alt="<%# Eval("ResName") %>" title="<%# Eval("ResName") %>" /></a></p>
                                <h1> <a href="BookDetail.aspx?platform=<%= Request.QueryString["platform"] %>&id=<%# Eval("ResID") %>"> <%# Eval("ResCaption")%></a></h1>                                
                                <div class="iborder"></div></a></td>
                              </ItemTemplate>
                            </asp:Repeater>
                          </tr>
                        </table></td>
                      <td id="demo2"></td>
                    </tr>
                  </table>
                </div>
                <!--滚动编辑推荐-->

 

 

播放脚本：

 

<script type="text/javascript">
    var speed = 50;
    var demo = document.getElementById("demo");
    var demo1 = document.getElementById("demo1");
    var demo2 = document.getElementById("demo2");

    demo2.innerHTML = demo1.innerHTML;
    function Marquee() {
        //alert(demo.scrollLeft);
        if (demo2.offsetWidth - demo.scrollLeft <= 0) { demo.scrollLeft -= demo1.offsetWidth; } else { demo.scrollLeft += 2 } 
    }
    var MyMar = setInterval(Marquee, speed)

    function reMarquee() {
        clearInterval(MyMar);
        MyMar = setInterval(Marquee, speed);
    }
</script>

 

 

如果这里的样式不设定的话， 是滚不动的

 

<div id="demo" style="overflow:hidden; width:500px;height:150px;">