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

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

创新新互联，凭借十余年的网站制作、成都网站设计经验，本着真心·诚心服务的企业理念服务于成都中小企业设计网站有上千多家案例。做网站建设，选创新互联。

推荐专题：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键，观看效果。

网站名称：用JavaScript编写程序实现文本滚动
文章网址：http://www.csdahua.cn/qtweb/news39/523039.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网