Datalist 实现无间断滚动
网上找了一段无间隔滚动的代码
但是在datalist下面就不好用了 怎么回事呢
<%@ Register Src="RunPic.ascx" TagName="RunPic" TagPrefix="uc1" %>
<script language="JavaScript">
<!--
var Marquee1 = "A_101128cb798";
var Marquee2 = "BA_101128cb798";
var Container = "CA_101128cb798";
var MarqueeSpeed = 10;
//-->
</script>
<asp:DataList id="TopNewslist" runat="server" Width="400" RepeatDirection="Horizontal">
<ItemTemplate>
<div align="center" style="overflow:hidden;width:400" id="CA_101128cb798">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TR>
<TD><A href='ShowNews.aspx?ID=<%# DataBinder.Eval(Container.DataItem,"ID").ToString() %>'>
<IMG height=150 width=120 src='VodPic/<%# DataBinder.Eval(Container.DataItem,"img_url").ToString() %>' ></A>
</TD>
</TR>
</TABLE>
</div>
</ItemTemplate>
</asp:DataList>
<script language="JavaScript">
<!--
//以下不要修改
document.getElementById(Marquee2).innerHTML=document.getElementById(Marquee1).innerHTML
function Marquee(){
if(document.getElementById(Container).scrollLeft>=document.getElementById(Marquee1).scrollWidth)
document.getElementById(Container).scrollLeft=0
else
document.getElementById(Container).scrollLeft++
}
var DA_101128cb798 = window.setInterval(Marquee,MarqueeSpeed)
document.getElementById(Container).onmouseover=function() {window.clearInterval(DA_101128cb798)}
document.getElementById(Container).onmouseout=function() {DA_101128cb798 = window.setInterval(Marquee,MarqueeSpeed)}
-->
</script>
但是在datalist下面就不好用了 怎么回事呢
<%@ Register Src="RunPic.ascx" TagName="RunPic" TagPrefix="uc1" %>
<script language="JavaScript">
<!--
var Marquee1 = "A_101128cb798";
var Marquee2 = "BA_101128cb798";
var Container = "CA_101128cb798";
var MarqueeSpeed = 10;
//-->
</script>
<asp:DataList id="TopNewslist" runat="server" Width="400" RepeatDirection="Horizontal">
<ItemTemplate>
<div align="center" style="overflow:hidden;width:400" id="CA_101128cb798">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TR>
<TD><A href='ShowNews.aspx?ID=<%# DataBinder.Eval(Container.DataItem,"ID").ToString() %>'>
<IMG height=150 width=120 src='VodPic/<%# DataBinder.Eval(Container.DataItem,"img_url").ToString() %>' ></A>
</TD>
</TR>
</TABLE>
</div>
</ItemTemplate>
</asp:DataList>
<script language="JavaScript">
<!--
//以下不要修改
document.getElementById(Marquee2).innerHTML=document.getElementById(Marquee1).innerHTML
function Marquee(){
if(document.getElementById(Container).scrollLeft>=document.getElementById(Marquee1).scrollWidth)
document.getElementById(Container).scrollLeft=0
else
document.getElementById(Container).scrollLeft++
}
var DA_101128cb798 = window.setInterval(Marquee,MarqueeSpeed)
document.getElementById(Container).onmouseover=function() {window.clearInterval(DA_101128cb798)}
document.getElementById(Container).onmouseout=function() {DA_101128cb798 = window.setInterval(Marquee,MarqueeSpeed)}
-->
</script>
...全文
相关推荐
DataList滚动显示
DataList滚动显示! 很值得下载看看!资源免费,大家分享!!
ASP.NET中DataList控件滚动分页显示实战
DataList是ASP.NET Web Forms中轻量级但功能强大的数据绑定控件,区别于GridView的表格化布局,它通过模板驱动(Template-Based)设计实现高度灵活的UI定制。其支持等多种模板,允许开发者完全控制每一项的HTML结构,适用于需要非表格布局的场景,如商品卡片、新闻轮播、评论流等。“上一页”与“下一页”是最基础也是最常用的分页控制元素,适用于用户线性浏览场景。它们的核心职责是在当前页索引基础上递减或递增1,同时确保不会越界(即小于0或大于总页数-1)。
vue实现循环滚动列表
主要为大家详细介绍了vue实现循环滚动列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
DataList滚动显示(2.0)
DataList数据通过javascript滚动显示
ASP.NET中利用DataList实现图片无缝滚动 实例分享
个问题之前也困扰我,后来解决了,拿出来分享下,以后用也方便,代码很容易看懂,不多说什么了


