zoukankan      html  css  js  c++  java
  • 网站首页图片滚动显示

    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
  • 相关阅读:
    Android中Services之异步IntentService(二)
    Android服务之Service(其一)
    JPA 2.0 中的动态类型安全查询
    JPA注解参考
    WebService netbeans glassfish
    android ContentProvider
    github
    移动端
    php
    mysql
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/2850077.html
Copyright © 2011-2022 走看看