JS无缝滚动中添加C#中的REPEATER控件后怎么只会滚动两次就不滚动了????
<div id="colee" style="overflow:hidden;height:160px;width:232;background:#f4f4f4;">
<div id="colee1">
<asp:Repeater ID="rplist" runat="server">
<ItemTemplate>
<li> <a href='#'>
<%#Eval("News_Title")%></a>
<span class="newsdate">[<%#Convert.ToDateTime(Eval("News_PushTime")).ToShortDateString()%>]</span></li>
</ItemTemplate>
</asp:Repeater></div>
<div id="colee2"></div>
</div>
<script type="text/javascript">
var speed = 50;
var colee2 = document.getElementById("colee2");
var colee1 = document.getElementById("colee1");
var colee = document.getElementById("colee");
function Marquee1() {
colee2.innerHTML = colee1.innerHTML; //克隆colee1为colee2
//当滚动至colee1与colee2交界时
if (colee2.offsetTop - colee.scrollTop <= 0) {
colee.scrollTop -= colee1.offsetHeight; //colee跳到最顶端
colee.scrollTop--;
} else {
colee.scrollTop++;
}
}
var MyMar1 = setInterval(Marquee1, speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
colee.onmouseover = function () { clearInterval(MyMar1); }
//鼠标移开时重设定时器
colee.onmouseout = function () { MyMar1 = setInterval(Marquee1, speed); }
</script>
如上代码所示将红色的变成静态的内容会一直滚动,为什么添加控件后就不行了呢???