龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > 软件开发 > JAVA开发 >

用JavaScript编写程序实现文本的滚动一例

时间:2009-12-23 15:42来源:未知 作者:admin 点击:
分享到:
在一些网页上,们经常看到一些滚动文本,很酷的,如何做呢? 下面我们就以徐志摩的一首《再别康桥》为例,用javascript编写一段程序,来实现文本的滚动。 1. 运行Dreamweaver应用程序

  在一些网页上,们经常看到一些滚动文本,很酷的,如何做呢?

  下面我们就以徐志摩的一首《再别康桥》为例,用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键,观看效果。
  


  
精彩图集

赞助商链接