js实现网站首页图片滚动显示

　　<div id="demo">

　　<div id="indemo">

　　<div id="demo1">

　　<asp:Repeater ID="Pro_List" runat="server">

　　<ItemTemplate>

　　<a href="/Product/html/<%#Eval("id") %>/" title="<%#Eval("Title")%>"><img src='/<%#Eval("Pic") %>' width="130" height="97" />

　　<p><%#Eval("Title") %></p>

　　</a>

　　</ItemTemplate>

　　</asp:Repeater>

　　</div>

　　<div id="demo2"></div>

　　</div>

　　</div>

　　<script type="text/javascript">

　　var speed = 20;

　　var tab = document.getElementById("demo");

　　var tab1 = document.getElementById("demo1");

　　var tab2 = document.getElementById("demo2");

　　tab2.innerHTML = tab1.innerHTML;

　　function Marquee() {

　　if (tab2.offsetWidth - tab.scrollLeft <= 0)

　　tab.scrollLeft -= tab1.offsetWidth

　　else {

　　tab.scrollLeft++;

　　}

　　}

　　var MyMar = setInterval(Marquee, speed);

　　tab.onmouseover = function () { clearInterval(MyMar) };

　　tab.onmouseout = function () { MyMar = setInterval(Marquee, speed) };

　　</script>