• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
  • 用JavaScript編寫程序實現文本滾動

    發表于:2007-06-21來源:作者:點擊數: 標簽:
    在一些網頁上,們經??吹揭恍L動文本,很酷的,如何做呢? 下面我們就以徐志摩的一首《再別康橋》為例,用 Java Script編寫一段程序,來實現文本的滾動。 1.運行Dreamweaver應用程序,單擊工具欄中的“顯示代碼視圖和設計視圖”按鈕, 在打開的代碼窗口中

       

      在一些網頁上,們經??吹揭恍L動文本,很酷的,如何做呢?


      下面我們就以徐志摩的一首《再別康橋》為例,用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://www.kjueaiud.com

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>