转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
用JavaScript编写程序实现文本滚动         ★★★★

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

作者:闵涛 文章来源:闵涛的学习笔记 点击数:623 更新时间:2009/4/23 11:22:02

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

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


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台