?? 3.21 文字滾動.htm
字號:
<html>
<head>
<title>無標題文檔</title>
<style>
div { font-size:12px; }
</style>
</head>
<body>
<div id="mydiv" style="width:100%;height:100px;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/>
<br/>
</div>
<script language="javascript">
var oMarquee = document.getElementById("mydiv"); //滾動對象
var iLineHeight = 42; //單行高度，像素
var iLineCount = 7; //實際行數
var iScrollAmount = 1; //每次滾動高度，像素
function play()
{
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop == iLineCount * iLineHeight )
oMarquee.scrollTop = 0;
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "play()", 2000 );
} else {
window.setTimeout( "play()", 50 );}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "play()", 2000 ); //定時器用來循環滾動
</script>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -