【代码教程】打字机特效,html代码!
2013-08-19 11:52:47 -0700
<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
