显示输入光标的JS打字机效果
2014-01-10 04:32:55 -0500
HTML代码
<script> var max=0; function textlist() //自己的对象,存储字符串 { max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i]; } tl=new textlist //实际上是一个多维数组 ( "代码来自笑忘书网盘", "没事可以去逛逛", "欢迎光临本站", "翱翔的雄鹰资源站！" ); var x=0; pos=0; var l=tl[0].length; function textticker() { document.getElementById("dzj01").value=tl[x].substring(0,pos)+"_"; if(pos++==l) { pos=0; setTimeout("textticker()",800); //控制两段话间的转换时间 x++; if(x==max) x=0; l=tl[x].length; } else setTimeout("textticker()",120); //控制文字完整显示的时间 } </script> <body onload="textticker()"> <input id="dzj01" type="text" name="textfeld" size="25">
代码演示
«Newer
Older»
Back to home
Subscribe
|
Register
|
Login
|
N