打字特效html代码!
2013-08-24 10:52:22 -0400
代码:
<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]="我觉得源码爱好者是个不错的网站"其余类推
(
"我觉得beyond(超越)是个不错的网站",
"您认为呢?",
"网站里有好多实用的代码,都是我喜欢的。"
);
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>
</body>
</html>
效果如下:
typewriter
Back to home
Subscribe |
Register |
Login
| N