<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效---打字效果的文字切换</title> </head> <body> <script language="JavaScript1.2"> <!-- /* Typing Scroller Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/) With modifications by Dynamicdrive.com For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com */ //设置滚动的内容 var line=new Array() line[1]="欢迎光临网页特效" line[2]="http://linkweb.cn/js" line[3]="提出宝贵意见" line[4]="希望你喜欢这种模式" line[5]="再次感谢你的光临" //设置字体大小 var ts_fontsize="16px" //--Don't edit below this line var longestmessage=1 for (i=2;i<line.length;i++){ if (line[i].length>line[longestmessage].length) longestmessage=i } //Auto set scroller width var tscroller_width=line[longestmessage].length lines=line.length-1 //--Number of lines //if IE 4+ or NS6 if (document.all||document.getElementById){ document.write('<form name="bannerform">'); document.write('<input type="text" name="banner" size="'+tscroller_width+'"'); document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">'); document.write('</form>'); } temp="" nextchar=-1; nextline=1; cursor="\\" function animate(){ if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){ nextline++; nextchar=-1; document.bannerform.banner.value=temp; temp=""; setTimeout("nextstep()",3000)} else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){ nextline=1; nextchar=-1; document.bannerform.banner.value=temp; temp=""; setTimeout("nextstep()",3000)} else{ nextstep()}} function nextstep(){ if (cursor=="\\"){ cursor="|"} else if (cursor=="|"){ cursor="/"} else if (cursor=="/"){ cursor="-"} else if (cursor=="-"){ cursor="\\"} nextchar++; temp+=line[nextline].charAt(nextchar); document.bannerform.banner.value=temp+cursor setTimeout("animate()",100)} //if IE 4+ or NS6 if (document.all||document.getElementById) window.onload=animate // --> </script> </body> </html>