船长 发表于 2009-03-29 01:25 | 分类:javascript | 阅读数:548 次
js打字机效果,很简单的特效,像打字机一样一个个显示消息,运行查看效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>打字机效果</title> </head> <body> <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 ( "欢迎来到web集结号!" ); var x=0; pos=0; var l=tl[0].length; function textticker() { document.tickform.tickfield.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()",50); } </script> <script LANGUAGE="JavaScript"> <!-- document.write("<FORM NAME=\"tickform\">"); document.write("<INPUT TYPE=\"TEXT\" NAME=\"tickfield\" SIZE=\"30\">"); document.write("</FORM>"); textticker(); </script> <p align="center">代码整理:<a href="http://www.songlecn.com">web集结号-http://www.songlecn.com</a></p> </body> </html>
提示:你可以先修改部分代码再运行。
您的网名: * 必填
电子邮件: * 绝不会泄露
个人主页:
评论内容:
(Ctrl+Enter快捷回复)
web集结号致力于