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>