文字變色逐個出現(xiàn)

2010-10-19 文本操作 ℃

腳本說明:
第一步:把如下代碼加入<body>區(qū)域中
<script language=javascript>
var layers =document.layers,style=document.all,both=layers||style,idme=908601;
if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef = 
'.style';}
function writeOnText(obj,str){
if(layers)with(document[obj]){ document.open();document.write(str);document.close();}
if(style)eval(obj+'.innerHTML=str');   }
var dispStr=new Array("歡迎光臨javascript特效站!!!");
var overMe=0;
function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){
var tmp0=tmp1= '',skip=100;
if (both && idx<=str.length) {
if (str.charAt(idx)=='<'){ while(str.charAt(idx)!='>') idx++;idx++;}
if (str.charAt(idx)=='&'&&str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}
tmp0 = str.slice(0,idx);
tmp1 = str.charAt(idx++);
if (overMe==0 && plysnd==1){
if (navigator.plugins[0]){
if(navigator.plugins["LiveAudio"][0].type=="audio/basic" && navigator.javaEnabled()){document.embeds
[0].stop();
setTimeout("document.embeds[0].play(false)",100);}
} else if (document.all){
ding.Stop();
setTimeout("ding.Run()",100);}
overMe=1;}else overMe=0;
writeOnText(idObj, "<span id="i7zof1v"    class="+spObj+"><font color='"+clr1+"'>"+tmp0+"</font><font color='"+clr2
+"'>"+tmp1+"</font></span>");
setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}
function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', 'red', '#99FF33', 300, 0);}
</script>

第二步:把如下代碼加入<body>區(qū)域中
<body bgcolor="#fef4d9" onload=init()>

相關特效代碼: 文本框文字間隔輸出09/25; 段落文字百葉窗效果輸出09/25; 文字輸出的不同效果09/25; 文字閃爍效果09/15; 點擊文字顯示隱藏鏈接09/15; 鼠標移動到鏈接文字上出現(xiàn)鏈接菜單09/15; 文字胡亂跳動（效果堪比flash）08/31; 一段文字到處跑背景還變色08/31; 文字向左移動08/31; 文字彎曲變形08/31

熱門特效代碼: 輸入框的文字閃爍變色引人注意; 純CSS內頁內容切換選項卡; 鼠標經(jīng)過鏈接顯示注釋旋轉風火輪; 指向自動選擇的輸入框; 放大鏡鏈接效果; 帶注釋的鏈接特效; 文字閃爍效果; 帶注釋的鏈接特效代碼; 點擊文字顯示隱藏鏈接; WEB2.0圓形邊框css做法

推薦特效代碼: 字符連續(xù)消隱; 文字變色逐個出現(xiàn); 段落文字百葉窗效果輸出; 點擊文字顯示隱藏鏈接; 文字由小變大由大變�。▌討B(tài)變化; 文字來回上下移動或跳動