首 页 | 科技新闻 | 科学探索 | 技术学院 | 网络管理 | 企业专题 | 趋势报道 | 生命科学 | 创新企业
您现在的位置: 火爆网 > 科技 > 技术学院 > 网页设计 > 文章正文
用JavaScript编写程序实现文本滚动
JavaScript
2008-3-13  来源:网友提供  作者:网友提供
在一些网页上,们经常看到一些滚动文本,很酷的,如何做呢?

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


火爆网编辑:lijiajerry 查看和发表评论
>> 与《用JavaScript编写程序实现文本滚动》相关的文章
没有相关文章
我也说两句    
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用火爆网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 姓 名: * 评 分: 1分 2分 3分 4分 5分
    内 容:
     
    网页设计基础知识
    网页设计基础知识
    阅读排行
    ·Fireworks 9亲密接触·Fireworks 9亲密接触
    ·Fireworks 9 亲密接·在网站内加入RSS功能
    ·有关HTML代码的另类·Dreamweaver网页制作
    ·设计干净的链接·ASP.NET 程序中常用
    ·Java连接各种数据库·rss订阅原理
    热点排行
    ·Java连接各种数据库·rss订阅原理
    ·在网站内加入RSS功能·ASP.NET 程序中常用
    ·Dreamweaver网页制作·Fireworks 9亲密接触
    ·Fireworks 9亲密接触·Fireworks 9 亲密接
    ·设计干净的链接·有关HTML代码的另类
    体育推荐
    ·麦蒂28分火箭苦战过·国安3-1逆转越南弱旅
    ·火箭取篮网收割19连·费德勒海宁前景相似
    ·火箭登上西部第三·60米栏刘翔摘金
    ·火箭轻取17连胜·王楠横扫朝鲜头牌
    ·切尔西3-0完胜晋级8·弗格森进八强却称失
    娱乐推荐
    ·张韶涵被建议动手术·巩俐周迅芝华士大拼性
    ·9+2音乐先锋榜揭晓·李准基粉丝录制生日VC
    ·《婚礼2008》让你笑“·港媒夸何洁唱功超越蔡
    ·何洁武汉跨江签新片 万·林志玲自曝内心小秘密
    ·宋丹丹:我以后就不上春·李贞贤《千面女孩》嫁