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

原创 2007年09月28日 10:09:00
在一些网页上,们经常看到一些滚动文本,很酷的,如何做呢?

  下面我们就以徐志摩的一首《再别康桥》为例,用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实现竖直文本滚动

var stopscroll = false; var scrollContHeight = 95; //滚动区域的高度 var scrollContWidth = 230; //滚动区域的宽...
  • u011043843
  • u011043843
  • 2014年06月12日 15:22
  • 1263

简单js验证和正则表达式

. 有这样一个form表单,如下图: Form表单: 登录名: 密码: 重复密码: 请编写javascript程序实现该表单的客户端验证。 要求 1) 密码不能为空并且最少为6位,还要求...
  • u013953289
  • u013953289
  • 2014年06月19日 17:20
  • 425

javascript实现求和

undefined window.onload=function() { var text1 = document.getElementById('txt1'); var te...
  • qq_29134495
  • qq_29134495
  • 2016年07月22日 13:26
  • 191

JS实现文本内容上下滚动效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">marqueevar ma...
  • comenglish
  • comenglish
  • 2007年03月23日 14:19
  • 2895

vs---编写第一个JavaScript程序

创建网站项目 向Html嵌入Js文件把js文件直接拖放 声明类型 体验向网页输出内容F5键调试/或者直接右键(在浏览器中查看)document...
  • qq_36482772
  • qq_36482772
  • 2017年09月12日 20:11
  • 260

顺序表二分查找递归算法

16 学年— 17 学年第  1 学期 数据结构 实验任务书 专业名称:               实验学时:     2      课程名称: 数据结构      ...
  • idealistic
  • idealistic
  • 2016年11月25日 15:13
  • 926

用JavaScript实现简单的计算器

html lang="en"> head> meta charset="UTF-8"> title>计算器title> link rel="stylesheet" type="...
  • baidu_25845567
  • baidu_25845567
  • 2016年06月09日 15:33
  • 516

用子类继承父类,来制作选择披萨

编写程序实现比萨制作。需求说明编写程序,接收用户输入的信息,选择需要制作的比萨。可供选择的比萨有:培根比萨和海鲜比萨。 实现思路及关键代码 1)分析培根比萨和海鲜比萨 2)定义比萨类 3)属性...
  • u012060033
  • u012060033
  • 2017年07月25日 20:59
  • 211

js实现滚动文本显示

A,需求背景:对于一个实时更新信息的网站来说,通常需要有一个模块动态的显示动态信息,通常会使用异步更新。由于模块空间大小有限而展示的信息比较多,这时我们可以采用类滚动新闻的方式展示动态信息。下面将使用...
  • shimin520shimin
  • shimin520shimin
  • 2015年10月08日 08:40
  • 805

Android中TextView文本过长滚动显示实现

项目中在使用TextView时,总会有因要显示的内容过多而需要我们进行处理的问题。我们第一时间想到的是TextView的android:ellipsize属性, 比如 android:ellipsiz...
  • true100
  • true100
  • 2017年08月19日 14:44
  • 1853
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JavaScript编写程序实现文本滚动
举报原因:
原因补充:

(最多只允许输入30个字)