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

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

http://www.sina.com.cn 2002/04/05 10:29 赛迪网

  文/dogQ

在网页中经常有人使用swish来做打字效果,其实JavaScript也能做出那样的效果,按如下方法在HTML文件中加入JavaScript代码便可。要使用的文字你可以根据需要修改。

第一步:把如下代码加入<head>区域中

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Tarjei Davidsen (the@rescueteam.com) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var max=0;
function textlist() {
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[i]=textlist.arguments[i];
}
tl = new textlist(
"用电脑拨打市话",
"IE附带的NetMeeting软件,完全免费,可以进行PC到PC的网络通话,
可惜连接速度实在不敢恭维。",
"另外IPhone可以直接拨到对方固定电话上面,连接速度也不赖,
惟一遗憾的就是只有14天的免费试用期。",
"我在这里推荐MediaRing Talk中文版,",
"可以免费同在线用户通话,而且缴纳少量费用就可以同固定电话连接。"
);
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);
}
// End --></script></head>

第二步:把如下代码加入<body>区域中

<form name=tickform>
<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>The news will appear here when the page has finished loading.</textarea></form>

第三步:<body>改为

<body bgcolor="#fef4d9" OnLoad="textticker()">

  


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

新 闻 查 询

 相关链接
【学园专题】JavaScript动态网页制作宝库
用JavaScript实现变色超级链接(2002/04/04 14:46)
制作Javascript弹出窗口技巧九则(2002/04/04 14:14)
JavaScript另类网页特效5则(2002/04/01 10:58)
JavaScript网页制作特效二例(2002/03/27 12:02)


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

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

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

版权所有 四通利方 新浪网