字幕滚动效果！

var speed = 80;

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

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

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

demo2.innerHTML = demo1.innerHTML;

function change() {

if (demo2.offsetTop - demo.scrollTop <= 0) {

demo.scrollTop -= demo1.offsetHeight;

} else {

demo.scrollTop++;

}

}

var marquee = setInterval(change, speed);

demo.onmouseover = function () { clearInterval(marquee); }

demo.onmouseout = function () { marquee = setInterval(change, speed); }

<div id="demo" style="width: 100%; overflow: hidden; height: 1700px; border: #aaccee 1px soilid;" class="gdMq" >

<div id="demo1">

<table class="tb">

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

<ItemTemplate>

<tr <%# Convert.ToInt32(Eval("rw")) % 2 != 0 ? "": "style=‘ background:#f7f7f7;‘"%>>

<td class="no5">

<%#Eval("rw") %>

</td>

<td class="no25">

<span title="<%#Eval("NAME") %>">

<%#(Eval("NAME")+"").Length > 20 ? (Eval("NAME")+"").Substring(0,19)+"...":(Eval("NAME")+"")%></span>

</td>

<td class="no25">

<%#Eval("DEPT_NAME")%>

</td>

<td class="no10">

<%#Eval("MIN_AMOUNT")%>

</td>

<td class="no10">

<%#Eval("FEATURE")%>

</td>

<td class="no10">

<%#Eval("RISK_LEVEL")%>

</td>

<td class="no15">

<%#Eval("RECORD_TIME")%>

</td>

</tr>

</ItemTemplate>

</asp:Repeater>

</table>

<div id="demo2">

</div>

</div>

</div>