网页代码集5.docx

网页代码集5.docx

《网页代码集5.docx》由会员分享，可在线阅读，更多相关《网页代码集5.docx（6页珍藏版）》请在冰豆网上搜索。

网页代码集5

文字精彩不断变色特效

————————

--

functionenHex（aDigit）

{

return（"0123456789ABCDEF".substring（aDigit,aDigit+1））

}

functiondeHex（aDigit）

{

return（"0123456789ABCDEF".indexOf（aDigit））

}

functiontoHex（n）

{

return（enHex（（0xf00000&n）>>20）+

enHex（（0x0f0000&n）>>16）+

enHex（（0x00f000&n）>>12）+

enHex（（0x000f00&n）>>8）+

enHex（（0x0000f0&n）>>4）+

enHex（（0x00000f&n）>>0））

}

functiontoDecimal（hexNum）

{

vartmp=""+hexNum.toUpperCase（）

while（tmp.length<6）tmp="0"+tmp

return（（deHex（tmp.substring（0,1））<<20）+

（deHex（tmp.substring（1,2））<<16）+

（deHex（tmp.substring（2,3））<<12）+

（deHex（tmp.substring（3,4））<<8）+

（deHex（tmp.substring（4,5））<<4）+

（deHex（tmp.substring（5,6））））

}

//allby

varhoverColour

varnumLinks;

varrate;

varnumFadeLevels;

varbgR;

varbgG;

varbgB;

varcurrR;

varcurrG;

varcurrB;

varcount;

varfadeOut;

varcontinuous;

varnewColour;

vartID;

varredInterval;

vargreenInterval;

varblueInterval;

functioninitLinks（mouseOverColour,numberOfLinks,fadeOutColour）

{

hoverColour=mouseOverColour;

numLinks=numberOfLinks;

rate=1;

numFadeLevels=30;

functioninitArray（theArray,length,val）

{

for（i=0;i

{

theArray[i]=val;

}

}

bgR='0000'+fadeOutColour.substring（1,3）

bgG='0000'+fadeOutColour.substring（3,5）

bgB='0000'+fadeOutColour.substring（5,7）

currR=newArray（numLinks）;

currG=newArray（numLinks）;

currB=newArray（numLinks）;

count=newArray（numLinks）;

fadeOut=newArray（numLinks）;

continuous=newArray（numLinks）;

newColour=newArray（numLinks）;

tID=newArray（numLinks）;

redInterval=toDecimal（bgR）/numFadeLevels;

greenInterval=toDecimal（bgG）/numFadeLevels;

blueInterval=toDecimal（bgB）/numFadeLevels;

initArray（currR,numLinks,0）;

initArray（currG,numLinks,0）;

initArray（currB,numLinks,0）;

initArray（count,numLinks,0）;

initArray（fadeOut,numLinks,true）;

initArray（continuous,numLinks,true）;

}

functionstartFade（id）

{

if（fadeOut[id]==true）

{/*by*/

currR[id]+=redInterval;

currG[id]+=greenInterval;

currB[id]+=blueInterval;

newColour[id]='#'+（toHex（currR[id]））.substring（4,6）+（toHex（currG[id]））.substring（4,6）+（toHex（currB[id]））.substring（4,6）;

if（++count[id]==numFadeLevels）

{

fadeOut[id]=false;

}

}

else

{

currR[id]-=redInterval;

currG[id]-=greenInterval;

currB[id]-=blueInterval;

newColour[id]='#'+（toHex（currR[id]））.substring（4,6）+（toHex（currG[id]））.substring（4,6）+（toHex（currB[id]））.substring（4,6）;

if（--count[id]==0）

{

fadeOut[id]=true;

}

}

if（continuous[id]==true）

{

document.getElementById（id）.style.color=newColour[id];

}

else

{

document.getElementById（id）.style.color=hoverColour;

}

clearTimeout（tID[id]）;

tID[id]=setTimeout（'startFade（'+id+'）',rate）;

}

functioncontinueFade（id）

{

continuous[id]=true;

}

functionstopFade（id）

{

continuous[id]=false;

}

functionStartTimers（）

{//allby

for（id=0;id

{

t=setTimeout（'startFade（'+id+'）',id*100）;

}

}

//allby

initLinks（'#FF0000',6,'#FFCC77'）;

//-->

--

setTimeout（'StartTimers（）',1000）;//thisallby

//-->

————————————————————————