当前位置：学海荡舟 -> 电脑乐园 -> JavaScript实例
　　　　文 字 变 化 效 果  
     
效 果 演 示：
建议使用1024*768的分辨率。
　　
   
 
源代码如下：



这段程序放在<head>与</head>之间

这段程序放在<body ****>

   
源程序讲解：
   

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函数。

注：此效果只能在IE浏览器中实现。