用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=textlist.arguments;
}
tl=new textlist //实际上是一个多维数组 tl="欢迎光临JavaScript脚本编程百例"其余类推
(
"欢迎光临JavaScript脚本编程百例",
"这一章主要讲解用JavaScript处理文字效果",
"这个例子实现在文本框中实现打字机效果"
);
var x=0; pos=0;
var l=tl.length;
function textticker()
{
document.form1.textfeld.value=tl.substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
setTimeout("textticker()",1000); //控制两段话间的转换时间
x++;
if(x==max)
x=0;
l=tl.length;
} else
setTimeout("textticker()",130);//控制文字间的显示时间
}
</script>
</head>
<body >
<center>
&nbsp; </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>
页:
[1]