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>
View Code
