js实现无缝隙滚动

最新推荐文章于 2019-01-03 15:50:08 发布

lijing5916

最新推荐文章于 2019-01-03 15:50:08 发布

阅读量575

点赞数 1

文章标签： function server asp image table command

本文链接：https://blog.csdn.net/lijing5916/article/details/5642363

版权

<div id="Ademo" style="overflow:hidden; width:775px; height:164px;">
              <table>
              <TBODY><TR>
              <TD id="Ademo1">
            <asp:DataList ID="DataList21" runat="server" RepeatDirection="Horizontal" RepeatColumns="12" Width="722px">
                <ItemTemplate>
                    <div style="text-align: center">
                        <table border="0" cellpadding="0" cellspacing="0" style="width: 125px;">
                            <tr>
                                <td style="width: 100px;" align="center">
                                 <a href='<%#Eval("Piimgcontent") %>' rel="lightbox" title="">
                                    <asp:Image ID="Image1" style="BORDER-RIGHT: #acaaac 1px solid; BORDER-TOP: #acaaac 1px solid; BORDER-LEFT: #acaaac 1px solid; BORDER-BOTTOM: #acaaac 1px solid" width="150px" height="100px" runat="server" ImageUrl='<%# Eval("Piimgsmall") %>'/></a>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 100px;" align="center">
                                    <asp:LinkButton ID="LinkButton1" runat="server" CommandName='<%# Eval("Ptid") %>'
                                        CssClass="hei12" ForeColor="Black" OnCommand="LinkButton1_Command" Text='<%# Eval("Ptid") %>'></asp:LinkButton>
                                </td>
                            </tr>
                        </table>
                    </div>
                </ItemTemplate>
            </asp:DataList>
                  </TD>
              <TD id="Ademo2"></TD>
              </TR></TBODY>
              </table>
              </div>
              <script type="text/javascript">
//======无缝滚动================
var Aspeed=20
document.getElementById("Ademo2").innerHTML=document.getElementById("Ademo1").innerHTML
function AMarquee(){
    if(document.getElementById("Ademo2").offsetWidth-document.getElementById("Ademo").scrollLeft<=0)
        document.getElementById("Ademo").scrollLeft-=document.getElementById("Ademo1").offsetWidth
    else
        document.getElementById("Ademo").scrollLeft++;
}
var AMyMar=setInterval(AMarquee,Aspeed)
document.getElementById("Ademo").οnmοuseοver=function(){clearInterval(AMyMar)}
document.getElementById("Ademo").οnmοuseοut=function(){AMyMar=setInterval(AMarquee,Aspeed)}
//======无缝滚动================
</script>