用javascript兑现的打印机效果
日期：2014-05-16 浏览次数：20288 次
用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>
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
