一般的無縫滾動
<style>a{display:block;font-size:15px};</style>
<div id="div1" style="width:300px;height:68px;overflow:hidden;line-height:20px">
<a href="javascript:">1,你可曾有過無數的夢想，</a>
<a href="javascript:">2,卻在時光的流逝里幻滅 </a>
<a href="javascript:">3,你可曾對未來期待憧憬，</a>
<a href="javascript:">4,卻在成長的歲月中迷失</a>
<a href="javascript:">5,CSDN中國程序員論壇</a>
<a href="javascript:">6,大家一起來</a>
<a href="javascript:">7,好象都很不錯的樣子</a>
</div>
<div id="ddd"></div>
<script>
var t=setInterval("scrolln()",100);
var d=document.getElementById("div1");
function scrolln(){
d.scrollTop+=1;
if (d.scrollTop>20) {
d.scrollTop=0;
do{
var o=d.firstChild;
d.removeChild(o);
d.appendChild(o);
}while(!o.innerHTML)
}
}
d.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval("scrolln()",100)}
</script>
每次滾動多行
<style>
div { font-size:12px; }
</style>
<div id="mq" style="width:100%;height:70px;overflow:hidden" onmouseover="iScrollAmount=0"
onmouseout="iScrollAmount=1">
輕輕的我走了，正如我輕輕的來；<br />
我輕輕的招手，作別西天的云彩。<br />
<br />
那河畔的金柳，是夕陽中的新娘；<br />
波光里的艷影，在我心頭蕩漾。<br />
<br />
軟泥上的青荇，油油的在水底招搖；<br />
在康河的柔波里，我甘心作一條水草。<br />
<br />
那榆蔭下的一潭，不是清泉是天上的虹；<br />
揉碎在浮藻間，沉淀彩虹似的夢。<br />
<br />
尋夢，撐支長篙，向青草更青處漫溯；<br />
滿載一船星輝，在星輝斑爛里放歌。<br />
<br />
但我不能放歌，悄悄是別離的笙簫；<br />
夏蟲也為我沉默，沉默是今晚的康橋。<br />
<br />
悄悄的我走了，正如我悄悄的來；<br />
我揮一揮衣袖，不帶走一片云彩。<br />
</div>
<script>
var oMarquee = document.getElementById("mq"); //滾動對象
var iLineHeight = 42; //單行高度，像素
var iLineCount = 7; //實際行數
var iScrollAmount = 1; //每次滾動高度，像素
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop == iLineCount * iLineHeight )
oMarquee.scrollTop = 0;
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run()", 2000 );
} else {
window.setTimeout( "run()", 50 );
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 2000 );
</script>
ExtJS教程-
Hibernate教程-
Struts2 教程-
Lucene教程