顯示輸入光標(biāo)的JS打字機(jī)效果

2024-09-05 12:21:38

字體：大中小

供稿：網(wǎng)友

這應(yīng)該算是一個(gè)文字特效吧，帶輸入光標(biāo)的JS打字機(jī)效果，把需要顯示的文字放在數(shù)組里，JavaScript可控制數(shù)組輸出字符，一個(gè)一個(gè)輸出，速度可自定義，和打字效果十分相似。以前發(fā)過好幾個(gè)打字效果的網(wǎng)頁特效，今天才次發(fā)一個(gè)，不要拍磚哦。

<html><head><title>typewriter</title><style>.box{font-size:20;color:red}</style><script language="JavaScript">var max=0;function textlist()  //自己的對(duì)象,存儲(chǔ)字符串{  max=textlist.arguments.length;  for (i=0; i<max; i++)   this[i]=textlist.arguments[i];}tl=new textlist    //實(shí)際上是一個(gè)多維數(shù)組 tl[0]="我覺得源碼愛好者是個(gè)不錯(cuò)的網(wǎng)站"其余類推(        "我覺得源碼愛好者是個(gè)不錯(cuò)的網(wǎng)站",        "您認(rèn)為呢？",        "網(wǎng)站里有好多實(shí)用的代碼，都是我喜歡的。");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); //控制兩段話間的轉(zhuǎn)換時(shí)間         x++;         if(x==max)          x=0;          l=tl[x].length;        } else  setTimeout("textticker()",130);  //控制文字間的顯示時(shí)間}</script></head><body onload="textticker()"><center>  </p><img src=http://www.aspku.com/texiao/wenben/line1.gif><form name="form1" method="get"><center><p><input class=box type="text" name="textfeld" size="40"></p></form></body></html>

上一篇：文字交替漸變的文字顯示特效

下一篇：JS打字機(jī)式的字符輸出特效