螢光燈效果文字
範例 :螢光燈效果顯示訊息文字動畫。
將以下程式碼Copy , 在您網頁原始檔<head> 與 </head> 之間貼上 。
<script language=javaScript> <!--wenchin var thissize=20 var textfont="新細明體" var textcolor= new Array() textcolor[0]="000000" textcolor[1]="000000" textcolor[2]="000000" textcolor[3]="111111" textcolor[4]="222222" textcolor[5]="333333" textcolor[6]="444444" textcolor[7]="555555" textcolor[8]="666666" textcolor[9]="777777" textcolor[10]="888888" textcolor[11]="999999" textcolor[12]="aaaaaa" textcolor[13]="bbbbbb" textcolor[14]="cccccc" textcolor[15]="dddddd" textcolor[16]="eeeeee" textcolor[17]="ffffff" textcolor[18]="ffffff" var message = new Array() message[0]="http://www.oocities.org/hk/albertctc" message[1]="歡迎到臨阿齊帝國" message[2]="阿齊製作，你會滿意%" message[3]="如有任何意見對於本站 可留言俾我!!" message[4]="阿齊特區~~~~~~http://www.oocities.org/hk/albertctc" message[5]="謝謝你的光臨 歡迎你給阿齊留言！!" i_message=0 var i_strength=0 var i_message=0 var timer function glowtext() { if(document.all) { if (i_strength <=17) { glowdiv.innerText=message[i_message] document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)" i_strength++ timer=setTimeout("glowtext()",100) } else { clearTimeout(timer) setTimeout("deglowtext()",1500) } } }function deglowtext() { if(document.all) { if (i_strength >=0) { glowdiv.innerText=message[i_message] document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)" i_strength-- timer=setTimeout("deglowtext()",100) } else { clearTimeout(timer) i_message++ if (i_message>=message.length) {i_message=0} i_strength=0 intermezzo() } } } function intermezzo() { glowdiv.innerText="" setTimeout("glowtext()",1500) } wenchin--> </script>
將以下程式碼Copy , 在您網頁原始檔 <body> 中貼上 。
onLoad="glowtext()"
將以下程式碼Copy , 在您網頁原始檔<body> 與 </body> 之間貼上 。
<div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center; top:85px;left:50px;font-family:新細明體;font-size:18pt;color:000000"></div>