新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
用JavaScript編寫程序?qū)崿F(xiàn)文本滾動
在一些網(wǎng)頁上,們經(jīng)??吹揭恍L動文本,很酷的,如何做呢?

創(chuàng)新新互聯(lián),憑借十余年的網(wǎng)站制作、成都網(wǎng)站設(shè)計經(jīng)驗,本著真心·誠心服務(wù)的企業(yè)理念服務(wù)于成都中小企業(yè)設(shè)計網(wǎng)站有上千多家案例。做網(wǎng)站建設(shè),選創(chuàng)新互聯(lián)。
推薦專題:JavaScript網(wǎng)頁開發(fā)指南
下面我們就以徐志摩的一首《再別康橋》為例,用JavaScript編寫一段程序,來實現(xiàn)文本的滾動。
1.運行Dreamweaver應(yīng)用程序,單擊工具欄中的“顯示代碼視圖和設(shè)計視圖”按鈕,在打開的代碼窗口中,把下面這一段代碼,插入到< 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鍵,觀看效果。
文章標(biāo)題:用JavaScript編寫程序?qū)崿F(xiàn)文本滾動
URL標(biāo)題:http://m.fisionsoft.com.cn/article/coisdpo.html


咨詢
建站咨詢
