為網頁增加些趣味/打字

☆★電腦打字☆★

為網頁增加些趣味喔~~!

範例展示

語法說明

將下列語法貼於想在網頁呈現的地方

<!-- text = "歡迎光臨酷必網資訊知識社群，歡迎光臨酷必網資訊知識社群。" word = text.split('.') i = -1; j = 0; start = 0; scount = 0; function checkIt() { with(document.all.anima) { if(innerText.charAt(innerText.length-1) == "_") { innerText = innerText.substring(0, innerText.length - 1); return true; } else { innerText = innerText + "_"; return false; } } } function blinkfor(count, timing) { with(document.all.anima) { if(start < count) { if(checkIt()) { start++; } mistake = 'blinkfor('+count+','+timing+')'; setTimeout('eval(mistake)', timing); } else { start = 0; i++; call_It(); } } } function mispell(offset,correction) { with(document.all.anima) { if(scount < offset) { if(!checkIt()) { innerText = innerText.substring(0, innerText.length-2) + "_"; scount++; } mistake = 'mispell(' + offset + ', "' + correction + '")'; setTimeout("eval(mistake)", 150); } else { if(correction == '' && scount == offset ) { i = i - offset; scount++; } if(offset > 0) { if(checkIt()) { innerText += correction.charAt(correction.length - offset) + "_"; offset--; } mistake = 'mispell(' + offset + ',"' + correction + '")'; setTimeout("eval(mistake)", 150); } else { scount = 0; j++; innerText = innerText.substring(0, innerText.length - 1); call_It(); } } } } function spellit(string) { with(document.all.anima) { if(i <= string.length) { if(string.charAt(i) == '/') { NumErrs = string.charAt(i + 1); NewLets = string.substring(i + 2, i + NumErrs); mispell(NumErrs,NewLets); } else if(i <= string.length - 1) { i++; innerText = string.substring(0,i) + "_"; mistake = 'spellit("' + string + '")'; setTimeout("eval(mistake)", 150); } else { innerText = string.substring(0, i); j++; call_It(); } } } } function call_It() { with(document.all) { if(i == -1){ blinkfor(4, 150); } else if(j <= word.length - 1) { spellit(anima.innerText + " " + word[j]); } else { blinkfor(100,230); } } } if(document.all) { call_It(); } -->

修改方式

在 <table width="410" height="30" border="0"> 中修改特效涵蓋的寬度、高度、及邊框粗細

<td id='anima' style="font-size:9pt;color:#1F1F1F;font-family:Tahoma"> 中修改跑馬燈文字的大小、顏色

自行修改跑馬燈的文字內容

在 setTimeout("eval(mistake)", 150); 中修改跑馬燈的速度

最後更新日期: 9/13/2003 4:00:37 PM