Datalist 实现无间断滚动

[javabuilder9]

网上找了一段无间隔滚动的代码
但是在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>

[FollowCN]

无从说起，需要了解DataList在客户端是如何解析的，需要了解JS是怎么滚动的。

-----------试试这个
<marquee direction="top"><datalist >rquee>

[javabuilder9]

楼上的是可以 但是滚动是间断的啊

[javabuilder9]

ding

[xierfly]

我曾经用过一个无间断滚动的；
源代码如下：
<form id="Form3" method="post" runat="server">

<TABLE id="Table1" style="WIDTH: 800px; HEIGHT: 136px" cellSpacing="0" cellPadding="0"

border="0">

<TR>

<TD>

<div id="demo" style="OVERFLOW: hidden; WIDTH: 1000px; HEIGHT: 125px" align="center"

DESIGNTIMEDRAGDROP="134">

<TABLE style="WIDTH: 725px; HEIGHT: 96px">

<TR>

<TD id="demo1" vAlign="middle"><asp:datalist id="DataList1" runat="server" Width="712px" RepeatDirection="Horizontal">

<ItemTemplate>

<FONT face="宋体">

<TABLE id="Table2" style="WIDTH: 102px; HEIGHT: 100px" cellSpacing="0" cellPadding="0"

width="102" border="0">

<TR>

<TD><IMG style="WIDTH: 98px; HEIGHT: 95px" height=95 alt=产品照片 src='<%# DataBinder.Eval(Container.DataItem,"Pimg","upimg\\{0}")%>' width=98 border=0></TD>

</TR>

<TR>

<TD align="center"><A href='Productinfo.aspx?Pid=<%#DataBinder.Eval(Container.DataItem,"id")%>' target=_blank><%# DataBinder.Eval(Container.DataItem,"Pname")%></A></TD>

</TR>

</TABLE>

</FONT>

</ItemTemplate>

<AlternatingItemTemplate>

<TABLE id="Table4" style="WIDTH: 102px; HEIGHT: 117px" cellSpacing="0" cellPadding="0"

width="102" border="0">

<TR>

<TD><IMG style="WIDTH: 98px; HEIGHT: 95px" height=95 alt=产品照片 src='<%# DataBinder.Eval(Container.DataItem,"Pimg","upimg\\{0}")%>' width=98 border=0></TD>

</TR>

<TR>

<TD align="center"><A href='Productinfo.aspx?Pid=<%#DataBinder.Eval(Container.DataItem,"id")%>' target=_blank><%# DataBinder.Eval(Container.DataItem,"Pname")%></A></TD>

</TR>

</TABLE>

</AlternatingItemTemplate>

</asp:datalist></TD>

<TD id="demo2" vAlign="top"><FONT face="宋体"></FONT></TD>

</TR>

</TABLE>

</div>

</TD>

</TR>

[xierfly]

忘了给你<script>脚本了。把你的邮箱给我吧。我发到你邮箱。

[xierfly]

前面那个不好意思。这个是完整的。

<form id="Form3" method="post" runat="server">
<FONT face="宋体"></FONT>
<TABLE id="Table1" style="WIDTH: 800px; HEIGHT: 136px" cellSpacing="0" cellPadding="0"
border="0">
<TR>
<TD>
<div id="demo" style="OVERFLOW: hidden; WIDTH: 1000px; HEIGHT: 125px" align="center"
DESIGNTIMEDRAGDROP="134">
<TABLE style="WIDTH: 725px; HEIGHT: 96px">
<TR>
<TD id="demo1" vAlign="middle"><asp:datalist id="DataList1" runat="server" Width="712px" RepeatDirection="Horizontal">
<ItemTemplate>
<FONT face="宋体">
<TABLE id="Table2" style="WIDTH: 102px; HEIGHT: 100px" cellSpacing="0" cellPadding="0"
width="102" border="0">
<TR>
<TD><IMG style="WIDTH: 98px; HEIGHT: 95px" height=95 alt=产品照片 src='<%# DataBinder.Eval(Container.DataItem,"Pimg","upimg\\{0}")%>' width=98 border=0></TD>
</TR>
<TR>
<TD align="center"><A href='Productinfo.aspx?Pid=<%#DataBinder.Eval(Container.DataItem,"id")%>' target=_blank><%# DataBinder.Eval(Container.DataItem,"Pname")%></A></TD>
</TR>
</TABLE>
</FONT>
</ItemTemplate>
<AlternatingItemTemplate>
<TABLE id="Table4" style="WIDTH: 102px; HEIGHT: 117px" cellSpacing="0" cellPadding="0"
width="102" border="0">
<TR>
<TD><IMG style="WIDTH: 98px; HEIGHT: 95px" height=95 alt=产品照片 src='<%# DataBinder.Eval(Container.DataItem,"Pimg","upimg\\{0}")%>' width=98 border=0></TD>
</TR>
<TR>
<TD align="center"><A href='Productinfo.aspx?Pid=<%#DataBinder.Eval(Container.DataItem,"id")%>' target=_blank><%# DataBinder.Eval(Container.DataItem,"Pname")%></A></TD>
</TR>
</TABLE>
</AlternatingItemTemplate>
</asp:datalist></TD>
<TD id="demo2" vAlign="top"><FONT face="宋体"></FONT></TD>
</TR>
</TABLE>
</div>
</TD>
</TR>
</TABLE>
<script>
var Picspeed=30
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,Picspeed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}
</script>
</form>

[javabuilder9]

ding