文字向上滚动的问题

Question

<div id="demo" style="overflow:hidden;"> 
<div id="demo1"> 
<asp:DataList ID="DataList7" runat="server" DataSourceID="SqlDataSource8" Style="border-right: #cccccc 1px solid;
border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid"
Width="100%">
<ItemTemplate>
<table style="width: 100%">
<tr>
<td>
&nbsp;<asp:Image ID="Image1" runat="server" ImageUrl="~/images/sign1.gif" />
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# Eval("nid","newsdetail.aspx?id={0}") %>'
Text='<%# Eval("newtitle").ToString().Length > 10? Eval("newtitle").ToString().Substring(0, 10):Eval("newtitle") %>'></asp:HyperLink>
</td>
</tr>
<tr>
<td style="height: 1px">
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</div> 
<div id="demo2"></div> 
</div> 
</td>
</tr>
</table>
<script type="text/javascript"> 
var speed=30;
demo2.innerHTML=demo1.innerHTML;//克隆demo1为demo2 
function Marquee(){ 
//当滚动至demo1与demo2交界时 
if(demo2.offsetTop-demo.scrollTop<=0) 
demo.scrollTop-=demo1.offsetHeight; //demo跳到最顶端 
else{ 
demo.scrollTop++;
} 
} 
var MyMar=setInterval(Marquee,speed);//设置定时器 
//鼠标移上时清除定时器达到滚动停止的目的 
demo.onmouseover=function() {clearInterval(MyMar);} 
//鼠标移开时重设定时器 
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);} 
</script> <div id="demo" style="overflow:hidden;"> 
<div id="demo1"> 
<asp:DataList ID="DataList7" runat="server" DataSourceID="SqlDataSource8" Style="border-right: #cccccc 1px solid;
border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid"
Width="100%">
<ItemTemplate>
<table style="width: 100%">
<tr>
<td>
&nbsp;<asp:Image ID="Image1" runat="server" ImageUrl="~/images/sign1.gif" />
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# Eval("nid","newsdetail.aspx?id={0}") %>'
Text='<%# Eval("newtitle").ToString().Length > 10? Eval("newtitle").ToString().Substring(0, 10):Eval("newtitle") %>'></asp:HyperLink>
</td>
</tr>
<tr>
<td style="height: 1px">
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</div> 
<div id="demo2"></div> 
</div> 
</td>
</tr>
</table>
<script type="text/javascript"> 
var speed=30;
demo2.innerHTML=demo1.innerHTML;//克隆demo1为demo2 
function Marquee(){ 
//当滚动至demo1与demo2交界时 
if(demo2.offsetTop-demo.scrollTop<=0) 
demo.scrollTop-=demo1.offsetHeight; //demo跳到最顶端 
else{ 
demo.scrollTop++;
} 
} 
var MyMar=setInterval(Marquee,speed);//设置定时器 
//鼠标移上时清除定时器达到滚动停止的目的 
demo.onmouseover=function() {clearInterval(MyMar);} 
//鼠标移开时重设定时器 
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);} 
</script> 看下这段代码有什么问题,怎么滚动不起来

Answer 1

没你这么复杂吧给你最基本的文字向上滚动效果的原型参考下
js实现文字向上滚动功能(鼠标放在上面静止)
<MARQUEE onmouseover=this.stop() style="WIDTH: 100%; HEIGHT: 195px" onmouseout=this.start() scrollAmount=2 direction=up><a href="sys_clew1.jsp">1</a><br>
<a href="sys_clew2.jsp">2</a><br>
<a href="sys_clew3.jsp">3</a><br></MARQUEE>

Answer 2

莫生气，难道狗咬人我们还要咬回去
我之前也回复了，http://topic.csdn.net/u/20101210/18/e1e3ad78-cace-4eb0-8f99-147263dad0d6.html，我们测试好好的才发，就不会对比一下哪里出问题
而且也没发demo的样式，都不知道有没有设置，忒悲剧！

Answer 3

http://topic.csdn.net/u/20101201/17/4005d66d-2d0e-4fa6-bebf-cb1f7487b881.html