打字特效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
 

«Newer      Older»

Back to home

Subscribe | Register | Login | N