木木

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

:: 管理 ::

21 隨筆 :: 4 文章 :: 5 評(píng)論 :: 0 Trackbacks

js 實(shí)現(xiàn)動(dòng)態(tài)文字滾動(dòng)

<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

　　輕輕的我走了，正如我輕輕的來(lái)；<br/>
7

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

　　<br/>
9

　　那河畔的金柳，是夕陽(yáng)中的新娘；<br/>
10

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

　　<br/>
12

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

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

　　<br/>
15

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

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

　　<br/>
18

　　尋夢(mèng)，撐支長(zhǎng)篙，向青草更青處漫溯；<br/>
19

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

　　<br/>
21

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

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

　　<br/>
24

　　悄悄的我走了，正如我悄悄的來(lái)；<br/>
25

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

　　<br/>
27

</div>
28

<script>
29

var oMarquee = document.getElementById("mq"); //滾動(dòng)對(duì)象
30

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

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

var iScrollAmount = 1; //每次滾動(dòng)高度，像素
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>

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

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

評(píng)論

# re: js 實(shí)現(xiàn)動(dòng)態(tài)文字滾動(dòng) 2010-08-31 11:30 wjl

頂一下！回復(fù) 更多評(píng)論

新用戶注冊(cè) 刷新評(píng)論列表


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




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

木木

常用鏈接

留言簿

隨筆分類(lèi)(14)

隨筆檔案(19)

技術(shù)

搜索

最新隨筆

最新評(píng)論

閱讀排行榜

評(píng)論排行榜

評(píng)論