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>
如上代码所示将红色的变成静态的内容会一直滚动,为什么添加控件后就不行了呢???
<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>
如上代码所示将红色的变成静态的内容会一直滚动,为什么添加控件后就不行了呢???
...全文
相关推荐
给Repeater控件里添加序号的5种才常见方法介绍
在.NET编程中,Repeater控件是一个常用的数据展示工具,特别是在需要动态呈现数据集合时。给Repeater控件添加序号可以提供更好的数据组织和阅读体验。本文将详细介绍五种常见的为Repeate
asp.net使用Repeater控件中的全选进行批量操作实例
`方法来查找Repeater控件中的复选框和标签控件。
asp.net Repeater取得CheckBox选中的某行某个值的c#写法
在本例中,我们将探讨如何在***使用Repeater控件结合CheckBox来获取选中行中特定控件的值。首先,我们定义了一个关键点,即在每行中添加一个隐藏的TextBox控件。
实现repeater控件分页
### 实现Repeater控件分页在.NET框架下,使用C#语言进行Web开发时,经常需要处理数据分页的问题。特别是在展示大量数据时,为了提高用户体验和服务器性能,通常会采用分页技术来逐页展示数据。
Ajax读取用户控件中repeater、datalist、listview中的内容并写到页面
在HTML部分,为每个控件添加一个唯一的ID以便于JavaScript操作:```html<asp:Repeater ID="Repeater1" runat="server"> <!


