复制代码 代码如下:

<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='http://www.jb51.net<%#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>