文字連續跑馬燈

在網路上找了許久，本來想以jquery製作，不過發現比較像「段落式」的跑馬燈

一下就跑一段而如果有原本的html語法的跑馬燈的話，則是會在結束後留下一大段空白

需求是：【文字/連續/尾接頭】

最後發現了一篇還不錯

可以參考如下

<DIV id=all style="OVERFLOW: hidden; WIDTH: 210px; HEIGHT: 120px">

<DIV id=m1>

<TABLE height=15 cellSpacing=0 cellPadding=0 width=210 align=center border=0>

<TBODY>

<TR>

<TD>

一段話<BR>

二段話<BR>

三段話<BR>

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

<DIV id=m2></DIV>

</DIV>

<SCRIPT type=text/javascript>

var speed=45

m2.innerHTML=m1.innerHTML

function Marquee(){

if(m2.offsetTop-gg.scrollTop<=0)

all.scrollTop-=m1.offsetHeight

else{

all.scrollTop++

}

}

var MyMar=setInterval(Marquee,speed)

all.onmouseover=function() {clearInterval(MyMar)}

all.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</SCRIPT>

補充一點，如果FireFox看不到效果的話，最好增加一些語法

var m2= document.getElementById('m2');
var m1= document.getElementById('m1');

var all= document.getElementById('all');

引用：

http://linda1980.itpub.net/post/22027/501331

參考：

http://blog.hsin.tw/2008/javascript-vertical-carousel/

http://ex.hsin.tw/index.php?act=06

http://abgne.tw/jquery/apply-jquery/jquery-yahoo-scroll-message-marquee.html