首页 新闻 搜索 短信 分类 聊天 导航
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
用JavaScript轻松实现打字机效果

http://www.sina.com.cn 2002/01/11 17:30 大众网络报

  文/甘肃 红苹果

  打字机效果想必你并不陌生,使用Flash可以制作出来。当然,用swish做起来似乎更简单些,不过,往往一个制作好的文件尺寸又让你不得不“望效果兴叹”了。其实我们可以通过增加几段代码来轻松实现这个效果。

  在页面中加入如下代码:

  < BODY OnLoad="textticker()" bgcolor="#FFFFFF">

  < SCRIPT LANGUAGE="JavaScript">

  var max=0;

  function textlist() {

  max=textlist.arguments.length;

  for (i=0; i< max; i++)

  this[i]=textlist
.arguments[i];

  }

  tl = new textlist(

  "可以在大众网络报和大家认识真的很开心,希望可以通过这篇文章的介绍让你的网页更加精彩!"

  );

  var x = 0; pos = 0;

  var l = tl[0].length;

  function textticker() {

  document.tickform.tickfield.value = tl[x].substring(0, pos) + "_";

  if(pos++ == l) {

  pos = 0;

  setTimeout("textticker()", 2000);

  if(++x == max) x = 0;

  l = tl[x].length;

  } else

  setTimeout("textticker()", 50);

  }

  < /script>

  < form name=tickform>

  < div align="center">

  < textarea name=tickfield rows=3 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>打字机效果< /textarea>

  < /div>

  < /form>

  < /body>

  好了,现在看看自己的作品吧,你会发现一切就是这么简单。

  责任编辑:钟曦



发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

 相关链接
用JavaScript自动选择留言板 (2002/01/07 15:52)
用JavaScript制作趣味计数器 (2001/12/30 15:54)
用JavaScript实现滚动播出效果 (2001/09/18 16:58)
JavaScript标题栏文字滚动特效 (2001/09/05 09:56)
JavaScript页面特效三则 (2001/08/28 15:38)
用JavaScript制作活动字幕 (2001/08/23 11:21)
利用JavaScript实现滚屏显示 (2001/07/30 12:05)
网页JavaScript特效三则 (2001/07/05 17:08)
JavaScript为你的网页添油加醋 (2001/06/19 16:29)
JavaScript应用:前进后退按钮 (2001/06/04 16:51)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3488   欢迎批评指正

网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网