文 字 变 化 效 果
<script Language="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock () {
stopclock();
showtime();
}
</script>
//讲解
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函数。 |