网站首页图片滚动显示

网站首页图片滚动显示

 1        <div id="demo">
  2          <div id="indemo">
  3            <div id="demo1"> 
  4            <asp:Repeater ID="Pro_List" runat="server">
  5            <ItemTemplate>
  6              <a href="/Product/html/<%#Eval("id") %>/" title="<%#Eval("Title")%>"><img src='/<%#Eval("Pic") %>' width="130" height="97" />
  7              <p><%#Eval("Title") %></p>
  8              </a>
  9            </ItemTemplate>
 10            </asp:Repeater>
 11              </div>
 12            <div id="demo2"></div>
 13          </div>
 14        </div>
 15        <script type="text/javascript">
 16             var  speed = 20 ;
  17             var  tab = document.getElementById("demo" );
  18             var  tab1 = document.getElementById("demo1" );
  19             var  tab2 = document.getElementById("demo2" );
  20            tab2.innerHTML =  tab1.innerHTML;
  21             function   Marquee() {
  22                 if  (tab2.offsetWidth - tab.scrollLeft <= 0 )
  23                    tab.scrollLeft -=  tab1.offsetWidth
  24                 else   {
  25                    tab.scrollLeft++ ;
  26                 }
  27             }
  28             var  MyMar =  setInterval(Marquee, speed);
  29            tab.onmouseover =  function   () { clearInterval(MyMar) };
  30            tab.onmouseout =  function  () { MyMar =  setInterval(Marquee, speed) };
  31      </script>
分类:  JavaScript 

标签:  offsetWidth ,  scrollLeft ,  speed

作者： Leo_wl

　　　　

出处： http://www.cnblogs.com/Leo_wl/

　　　　

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

版权信息

查看更多关于网站首页图片滚动显示的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did47277