木木

BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合

:: 管理 ::

21 随笔 :: 4 文章 :: 5 评论 :: 0 Trackbacks

js 实现动态文字滚动

<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; //实际行数
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>

有动态的数据需要滚动，从网上试了N个无效，这个刚好可以满足需要(从http://www.sosofun.cn/read.php?218下载）

posted on 2008-02-22 19:55 KTOO 阅读(1426) 评论(1) 编辑收藏

# re: js 实现动态文字滚动 2010-08-31 11:30 wjl

顶一下！回复更多评论

新用户注册刷新评论列表


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理

木木

常用链接

留言簿

随笔分类(14)

随笔档案(19)

技术

搜索

最新随笔

最新评论

阅读排行榜

评论排行榜

评论