0


歡迎光臨!! 救國團台中學苑 社會教育研習中心 電腦班隊研習營【網頁設計課程】

 


文字特效語法




文字變色(二)

<DIV id="fade" style="font-size:30px;width:350px; text-align:center;"></DIV>
<SCRIPT Language="JavaScript">
function fadetext() {
fade.style.filter="alpha(opacity="+x+", style=0)";
x=((y<50)?x+4:x-4); y+=2;
if(y==100) {
z=((z>=texts.length-1)?0:z+1); y=0;
fade.innerHTML=texts[z]; fade.style.color=tcolor[z];
}
setTimeout("fadetext();", 10);
//數字是變化後顯示下一個文字的時間,10代表0.1秒
}
var texts=new Array(4), tcolor=new Array(4), x=0, y=0, z=0;
//這堿O文字的段落數目及各段的顏色,兩個數字要配合
texts[0]="歡迎參加!";
texts[1]="救國團台中學苑";
texts[2]="電腦研習營";
texts[3]="HOME PAGE網頁設計班";
tcolor[0]="red";
tcolor[1]="green";
tcolor[2]="blue";
tcolor[3]="#ffff00";
//這堿O文字及顏色要修改的地方
fade.innerHTML=texts[z]; fade.style.color=tcolor[z];
window.onload=fadetext;
</SCRIPT>

 


上一頁下一頁 │                                      │ 回首頁 回特效語法  │