下面我們就以徐志摩的一首《再別康橋》為例,用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);
}
</script>
這段代碼是為了控制文本的播放速度的。
2. 把如下代碼加入<body>區域中
<form name="scrollform">
<select name="scroller" size=8>
<option>輕輕的我走了,
<option>正如我輕輕的來;
<option>我輕輕的招手,
<option>作別西天的云彩。
<option>
<option>那河畔的金柳,
……
<option>靜靜的我走了,
<option>正如我靜靜的來;
<option>我揮一揮衣袖,
<option>不帶走一片云彩。
這段程序是為了控制文本框的大小和顯示所滾動的文本內容。
3. 把<body>改為
<BODY OnLoad="selectScroller();">
嵌入以上代碼后,按F12鍵,觀看效果。
新聞熱點
疑難解答