首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > .NET > C# >

怎么在aspx页上实现文字连续滚动

2012-02-27 
如何在aspx页上实现文字连续滚动?没办法,开了很多网页都没找到能用的,MARQUEE不能实现连续,javascript复制

如何在aspx页上实现文字连续滚动?
没办法,开了很多网页都没找到能用的,MARQUEE不能实现连续,javascript复制到aspx(C#)页面又不起作用。请问如何具体实现下面label中的文字向上滚动?
<asp:Label   id= "label1 "   runat= "server "   Width= "160px "   Height= "200px ">
<center> <FONT   size=2> 琵琶行·并序 </FONT>
<h5> 白居易 </h5>
元和十年, <br>
余左迁九江郡司马。 <br>
明年秋, <br>
送客湓浦口, <br>
闻舟中夜弹琵琶者。 <br>
听其音, <br>
铮铮然有京都声。 <br>
问其人, <br>
......
</center>
</asp:Label>

[解决办法]
图片循环连续滚动代码,解决marquee的留白问题


向上:
<base

href= "http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/ ">

<div id=demo style= "overflow:hidden; width:128px; height:300px; ">
<div id=demo1>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
</div>
<div id=demo2> </div>
</div>
<script language= "javascript ">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop <=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向下:
<base

href= "http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/ ">

<div id=demo style= "overflow:hidden; width:128px; height:300px; ">
<div id=demo1>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>


<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
<img src= "/gfjs.gif "> <br> <img src= "/bxtt.gif "> <br> <img src= "/bzjd.gif "> <br>
</div>
<div id=demo2> </div>
</div>
<script language= "javascript ">
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function Marquee(){
if(demo1.offsetTop-demo.scrollTop> =0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向左:
<base

href= "http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/ ">
<div id=demo style= "overflow:hidden;height:100px;width:300px; "> <table align=left

cellpadding=0 cellspace=0 border=0> <tr> <td id=demo1 valign=top> <img src= "/gfjs.gif "> <img

src= "/bxtt.gif "> <img src= "/bzjd.gif "> <img src= "/gfjs.gif "> <img src= "/bxtt.gif "> <img

src= "/bzjd.gif "> </td> <td id=demo2 valign=top> </td> </tr> </table> </div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft <=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向右:
<base

href= "http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/ ">
<div id=demo style= "overflow:hidden;height:100px;width:300px; "> <table align=left

cellpadding=0 cellspace=0 border=0> <tr> <td id=demo1 valign=top> <img src= "/gfjs.gif "> <img

src= "/bxtt.gif "> <img src= "/bzjd.gif "> <img src= "/gfjs.gif "> <img src= "/bxtt.gif "> <img

src= "/bzjd.gif "> </td> <td id=demo2 valign=top> </td> </tr> </table> </div>
<script>
var speed=30


demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft <=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

热点排行