在一些網(wǎng)頁上，們經(jīng)?？吹揭恍L動文本，很酷的，如何做呢？

51CTO推薦專題：JavaScript網(wǎng)頁開發(fā)指南

下面我們就以徐志摩的一首《再別康橋》為例，用JavaScript編寫一段程序，來實(shí)現(xiàn)文本的滾動。

1.運(yùn)行Dreamweaver應(yīng)用程序，單擊工具欄中的“顯示代碼視圖和設(shè)計(jì)視圖”按鈕，在打開的代碼窗口中，把下面這一段代碼，插入到< head>區(qū)域中。

< SCRIPT LANGUAGE="JavaScript">  
　　< !-- Begin  
　　function selectScroller(n) {  
　　optlist = document.scrollform.scroller;  
　　optlist[optlist.length] = new Option(optlist[0].text, "", false, false);  
　　optlist[0] = null;  
　　optlist.selectedIndex = -1;  
　　n = (n + 1) % optlist.length;  
　　setTimeout("selectScroller("+n+")",2000);  
　　}< /p>  
　　< /script> 

這段代碼是為了控制文本的播放速度的。

2.把如下代碼加入?yún)^(qū)域中

< form name="scrollform">  
　　< select name="scroller" size=8>  
　　< option>輕輕的我走了，  
　　< option>正如我輕輕的來；  
　　< option>我輕輕的招手，  
　　< option>作別西天的云彩。  
　　< option>  
　　< option>那河畔的金柳，  
　　……  
　　< option>悄悄的我走了，  
　　< option>正如我悄悄的來；  
　　< option>我揮一揮衣袖，  
　　< option>不帶走一片云彩。 

 這段程序是為了控制文本框的大小和顯示所滾動的文本內(nèi)容。

3.把< body>改為

< BODY OnLoad="selectScroller();"> 

嵌入以上代碼后，按F12鍵，觀看效果。

原文鏈接：http://tech.sina.com.cn/c/2004-03-15/1517333758.shtml

【編輯推薦】

1. JavaScript實(shí)現(xiàn)搜索框智能提示上下移動效果
2. JavaScript實(shí)現(xiàn)二級聯(lián)動下拉框
3. 經(jīng)典格斗游戲《街頭霸王》的JavaScript實(shí)現(xiàn)
4. Javascript實(shí)現(xiàn)動態(tài)創(chuàng)建DIV步驟
5. 淺析用JavaScript實(shí)現(xiàn)select所支持的功能