用javascript实现的打印机效果 [复制链接]

电梯直达

1楼 [收藏(0)] [报告]

发表于 2011-11-09 11:32 |只看该作者 |倒序浏览

用javascript实现的打印机效果

<html>
<head>
<title>typewriter</title>
<style>
.box{font-size:20;color:red}
</style>
<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 //实际上是一个多维数组 tl[0]="欢迎光临JavaScript脚本编程百例"其余类推
(
"欢迎光临JavaScript脚本编程百例",
"这一章主要讲解用JavaScript处理文字效果",
"这个例子实现在文本框中实现打字机效果"
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.form1.textfeld.value=tl[x].substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
setTimeout("textticker()",1000); //控制两段话间的转换时间
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",130); //控制文字间的显示时间
}
</script>
</head>
<body onload="textticker()">
<center>
  </p>
<img src=line1.gif>
<form name="form1" method="get">
<center><p><input class=box type="text" name="textfeld" size="40"></p>
</form>
<img src=line1.gif>
<p align="center"><br><br><font size=20 color=#ce288c face=创艺繁综艺 >文本框<br>中的打字机效果,<br>显示内容可以任意增加,<br>打字速度也可以在程序中随意调整</font></p>
</center>
</body>
</html>

复制代码

2楼 [报告]

发表于 2011-11-09 19:29 |只看该作者