文字向上连续滚动的问题

<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>

 <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>

 <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="colee" style="overflow:hidden;height:400px;width:162px;position:absolute;left:200px;top:190px;z-index:1;">

<div id="colee1">

<p><img src="pic1.jpg"></p> 

<p><img src="pic1.jpg"></p>

<p><img src="pic1.jpg"></p>

<p><img src="pic1.jpg"></p>

<p><img src="pic1.jpg"></p>

<p><img src="pic1.jpg"></p>

<p><img src="pic1.jpg"></p>

<p><img src="pic1.jpg"></p>

<p><img src="pic1.jpg"></p>

</div>

<div id="colee2"></div>

</div>

<script>

var speed=30;

var colee2=document.getElementById("colee2");

var colee1=document.getElementById("colee1");

var colee=document.getElementById("colee");

colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2

function Marquee1(){

//当滚动至colee1与colee2交界时

if(colee2.offsetTop-colee.scrollTop<=0){

colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端

}else{

colee.scrollTop++

}

}

var MyMar1=setInterval(Marquee1,speed)//设置定时器

//鼠标移上时清除定时器达到滚动停止的目的

colee.onmouseover=function() {clearInterval(MyMar1)}

//鼠标移开时重设定时器

colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}

</script>



<!--向上滚动代码结束-->

补充：.NET技术 ,  ASP.NET

上一个：文字向上滚动的问题
下一个：vs2005的webconfig和vs2008的webconfig怎么合并