在一些網頁上，們經常看到一些滾動文本，很酷的，如何做呢？

51CTO推薦專題：JavaScript網頁開發指南

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

1.運行Dreamweaver應用程序，單擊工具欄中的“顯示代碼視圖和設計視圖”按鈕，在打開的代碼窗口中，把下面這一段代碼，插入到< head>區域中。

< 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.把如下代碼加入區域中

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

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

3.把< body>改為

< BODY OnLoad="selectScroller();"> 

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

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

【編輯推薦】

1. JavaScript實現搜索框智能提示上下移動效果
2. JavaScript實現二級聯動下拉框
3. 經典格斗游戲《街頭霸王》的JavaScript實現
4. Javascript實現動態創建DIV步驟
5. 淺析用JavaScript實現select所支持的功能