搜狐首页 - 新闻 - 体育 - 娱乐 - 财经 - IT - 汽车 - 房产 - 女人 - 短信 - 彩信 - 校友录 - 邮件 - 搜索 - BBS - 搜狗 
搜狐首页 >> 搜狐IT >> 网狐教程-搜狐IT >> 网站制作-网狐教程-搜狐IT >> Javascript
用JavaScript编写程序实现文本的滚动一例
IT.SOHU.COM  2004-03-15 09:41  作者: 李永波  转自: 中国电脑教育报
页面功能 【我来说两句】【我要“揪”错】【推荐】【字体: 】【打印】 【关闭

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

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

  

页面功能 【我来说两句】【我要“揪”错】【推荐】【字体: 】【打印】 【关闭





ChinaRen - 繁体版 - 搜狐招聘 - 网站登录 - 帮助中心 - 设置首页 - 广告服务 - 联系方式 - 保护隐私权 - About SOHU - 公司介绍
Copyright © 2004 Sohu.com Inc. All rights reserved. 搜狐公司 版权所有

相关连接

 ■ 我来说两句
用  户:        匿名发出:
请各位遵纪守法并注意语言文明。
 
*经营许可证编号:京ICP00000008号
*《互联网电子公告服务管理规定》
*《全国人大常委会关于维护互联网安全的规定》
短信内容:
手 机
自写包月5分钱/条 更多>>
搜狐天气为你抢先报! 魔力占卜姻缘一线牵!
金币不是赚的是抢的! 爱情玄机任由你游戏!
猪八戒这样泡到紫霞! 帅哥一定要看的宝典!
你受哪颗星星的庇护? 萨达姆最新关押照片!
精彩彩信
[和弦]欧若拉 一生有你
沧海一声笑
[音效]挪威的森林
爆铃 MP3 G点图 动画
[和弦]童话 你到底爱谁
[原唱]一千年以后 断点
[爆笑音效]赚钱拉 野花
[串烧]张韶涵 潘玮柏
精彩短信
[和弦]小薇 好心分手
[音效]当当当当 忘记


搜狐商城
·家电|品牌风扇新品热销
·音乐|秦海璐幸福回味
·图书|《眼镜蛇事件》
更多...