木木

BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合

:: 管理 ::

21 隨筆 :: 4 文章 :: 5 評論 :: 0 Trackbacks

js 實現(xiàn)動態(tài)文字滾動

<style>
2

div { font-size:12px; }
3

</style>
4

<div id="mq" style="width:100%;height:70px;overflow:hidden" onmouseover="iScrollAmount=0"
5

onmouseout="iScrollAmount=1">
6

　　輕輕的我走了，正如我輕輕的來；<br/>
7

　　我輕輕的招手，作別西天的云彩。<br/>
8

　　<br/>
9

　　那河畔的金柳，是夕陽中的新娘；<br/>
10

　　波光里的艷影，在我心頭蕩漾。<br/>
11

　　<br/>
12

　　軟泥上的青荇，油油的在水底招搖；<br/>
13

　　在康河的柔波里，我甘心作一條水草。<br/>
14

　　<br/>
15

　　那榆蔭下的一潭，不是清泉是天上的虹；<br/>
16

　　揉碎在浮藻間，沉淀彩虹似的夢。<br/>
17

　　<br/>
18

　　尋夢，撐支長篙，向青草更青處漫溯；<br/>
19

　　滿載一船星輝，在星輝斑爛里放歌。<br/>
20

　　<br/>
21

　　但我不能放歌，悄悄是別離的笙簫；<br/>
22

　　夏蟲也為我沉默，沉默是今晚的康橋。<br/>
23

　　<br/>
24

　　悄悄的我走了，正如我悄悄的來；<br/>
25

　　我揮一揮衣袖，不帶走一片云彩。<br/>
26

　　<br/>
27

</div>
28

<script>
29

var oMarquee = document.getElementById("mq"); //滾動對象
30

var iLineHeight = 42; //單行高度，像素
31

var iLineCount = 7; //實際行數(shù)
32

var iScrollAmount = 1; //每次滾動高度，像素
33

function run() {
34

oMarquee.scrollTop += iScrollAmount;
35

if ( oMarquee.scrollTop == iLineCount * iLineHeight )
36

oMarquee.scrollTop = 0;
37

if ( oMarquee.scrollTop % iLineHeight == 0 ) {
38

window.setTimeout( "run()", 2000 );
39

} else {
40

window.setTimeout( "run()", 50 );
41

}
42

}
43

oMarquee.innerHTML += oMarquee.innerHTML;
44

window.setTimeout( "run()", 2000 );
45

</script>

有動態(tài)的數(shù)據(jù)需要滾動，從網(wǎng)上試了N個無效，這個剛好可以滿足需要(從http://www.sosofun.cn/read.php?218下載）

posted on 2008-02-22 19:55 KTOO 閱讀(1443) 評論(1) 編輯收藏

木木

常用鏈接

留言簿

隨筆分類(14)

隨筆檔案(19)

技術(shù)

搜索

最新隨筆

最新評論

閱讀排行榜

評論排行榜

評論


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理