网站首页图片滚动显示

View Code

 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>