文 字 變 化 效 果 JS事例講解
|
? |
![]() |
? |
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]="洪恩在線 求知無限" message[1]="十二億人的網上大學" i_message=0 |
定義新數組,并列出其中的元素。 |
var i_strength=0 var i_message=0 |
聲明變量,并賦初值。 |
var timer | 聲明變量。 |
function glowtext() { | 定義函數。 |
if(document.all) |
如果是IE瀏覽器,執行以下語句。 |
{ if (i_strength <=17) |
如果i_strength <=17,執行以下語句。 |
{ glowdiv.innerText=message[i_message] document.all.glowdiv.style.filter= "glow(color="+textcolor[i_strength]+", strength=4)" i_strength++ |
輸出i_message的值,然后i_strength遞加,即亮度增加。 |
timer=setTimeout("glowtext()",100) } |
每100毫秒,調用一次glowtext函數。 |
else { clearTimeout(timer) setTimeout("deglowtext()",1500) } |
如果i_strength 大于17了,調用deglowtext函數,即亮度開始變暗。 |
} } function deglowtext() { if(document.all) { if (i_strength >=0) |
定義deglowtext函數,并當瀏覽器是IE時,i_strength >=0時,執行以下語句。 |
{ glowdiv.innerText=message[i_message] document.all.glowdiv.style.filter= "glow(color="+textcolor[i_strength]+", strength=4)" i_strength-- |
輸出i_message的值,然后i_strength遞減,即亮度減弱。 |
timer=setTimeout("deglowtext()",100) } else { clearTimeout(timer) i_message++ |
每100毫秒,調用一次glowtext函數,減到最暗,接著執行下一個字符串。 |
if (i_message>=message.length) {i_message=0} i_strength=0 intermezzo() } } } |
如果數組message中的字符串都執行完了,一切恢復初始設置,并執行intermezzo函數。 |
function intermezzo() |
定義一個函數intermezzo。 |
{ glowdiv.innerText="" setTimeout("glowtext()",1500) } |
1.5秒后,重新調用glowtext函數。 |
posted on 2007-07-08 22:23 金家寶 閱讀(393) 評論(0) 編輯 收藏 所屬分類: javascript