捌玖网络工作室 » 网页编程 » 网页之文字的循环闪动特效

zw2004 发表于 2008-1-21 20:48

网页之文字的循环闪动特效

<script language="javascript" type="text/javascript">
a1x0q? Bd <!--T!\ RJ(p"Vy
// convert a single digit (0 - 16) into hex}6P(]p\hx1Z
function enHex(aDigit)W,[iE"sw
{
9o*R7T,P6L N     return("0123456789ABCDEF".substring(aDigit, aDigit+1))
H*DZTOBc }]d8fve8}~nz
// convert a hex digit into decimal0]Y(Z!];A#{ M
function deHex(aDigit)
0s#fw5Sz/f {
\8H~/wl     return("0123456789ABCDEF".indexOf(aDigit))!f7xadd&}(g
}O6eIR6AQE
b[ E Kb~ncW
// Convert a 24bit number to hex
`| HC{+pq function toHex(n)2h!x3adr
{,j4j'J2T%l/\7n
~#E9y!U9dv
    return (enHex((0xf00000 & n) >> 20) +
U s^8w%X8u             enHex((0x0f0000 & n) >> 16) +?&X3n"I8T/H*x9\
            enHex((0x00f000 & n) >> 12) +
AA k|(v"F0n             enHex((0x000f00 & n) >>  8) +7V-rY&n+P.L2C9x
            enHex((0x0000f0 & n) >>  4) +
Ea'@wq;a             enHex((0x00000f & n) >>  0))2H2^Q#u)]9QL$e_/r
}
;]_;]YN5h#qp // Convert a six character hex to decimalsxJ7L?0~q]
function toDecimal(hexNum)
CS2@ ei,O JG;o&SO;G {
;O"l{Ps            var tmp = ""+hexNum.toUpperCase()
%d _-L,I6b
P |`     while (tmp.length < 6) tmp = "0"+tmp
-Bl~UL;|$J:?A            return ((deHex(tmp.substring(0,1)) << 20) +
1e4V Z[$?*x#@:j.zw                    (deHex(tmp.substring(1,2)) << 16) +
7fE vI5o_n             (deHex(tmp.substring(2,3)) << 12) +r"uY0L"V
            (deHex(tmp.substring(3,4)) << 8) +
y ^"AX.tcY             (deHex(tmp.substring(4,5)) << 4) +
]7Pz3J b*j e                    (deHex(tmp.substring(5,6))))lIsd.J
}L3dOic{:a
///////////////////Shimmering Links/////////////////////
4PGV0nOC //global variables3~&~ PGoa
var hoverColouro0I Z"P:_@a
var numLinks;1|W
y.KzHR2l
var rate; V#DG'p6A6OM
var numFadeLevels;aU3K6~8MH.e
var bgR;
LKW[wD7q var bgG;
U%y!A-O!z:S7H var bgB;
[]!hN$I4K$D aY var currR;
5Iy'\;R`#a[}"Gv5i b var currG;
F5X#t$YssY#Q7}v var currB;JFt0E2X'@8m r)y
var count;"q9p5Xi+` P!\v
var fadeOut; W/d&I/h@,O
var continuous;FBP8A&P%Z8E
var newColour;
D*s:^;d[$DS@0O%J var tID;s+ck"SJ"~.K8r
var redInterval;
+`zkZ7Q!?+D9r var greenInterval;
E7zA3q$kZ&qU(s var blueInterval;t \Iv9C\9C-Uk
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)$t9yBF+n
{"u3W'T,_qj
        hoverColour = mouseOverColour;Be%\?m.L~
        numLinks = numberOfLinks;HVM2tV/d0`co WT9LJ
        rate = 1;
n+^"D5N%D6Z/n         numFadeLevels = 30;
-TY$L8Uyy         function initArray(theArray, length, val)
9]6~H6D PU p;M         {
yvMG3k"N-p                 for(i=0;i<length;i++)9K)p S/~F B!j9F
                {d#XT0Y'o
                        theArray[i] = val;
+J$E2f.tf                 }/L+T@&tr(d c!J
        }ynF
~Jl%k,?
        bgR = '0000' + fadeOutColour.substring(1,3)d{y!Ad4F&B4Y|A
        bgG = '0000' + fadeOutColour.substring(3,5)
!y;vb&R2K.g         bgB = '0000' + fadeOutColour.substring(5,7)
A eM.Z+]e         currR = new Array(numLinks);
P6g0ra9h2w
        currG = new Array(numLinks);
X;r9I7hF7~$h         currB = new Array(numLinks);!Hg*O6s-U&k4tB
P|
        count = new Array(numLinks);
7Hdd9q%P| E         fadeOut = new Array(numLinks);4\2_$g t2ad5J
L#Y&n
        continuous = new Array(numLinks);B T:_i:e
        newColour = new Array(numLinks);
k6F)C.\V7zV*e         tID = new Array(numLinks);-Pmx7u@!](t@v$|\
        redInterval = toDecimal(bgR) / numFadeLevels;,@"f{,^h [,g2v5P
        greenInterval = toDecimal(bgG) / numFadeLevels;
#dS2t4dVe%OV%|X         blueInterval = toDecimal(bgB) / numFadeLevels;:u
a*pdH+nx,|^$S
        initArray(currR,numLinks,0);(`{4t5F.s(R
        initArray(currG,numLinks,0);
)ou!_Qa#c5{$@'^ i         initArray(currB,numLinks,0);$y4V2BS MJ,K5xK]
        initArray(count,numLinks,0);g0u:u@C-G(A
        initArray(fadeOut,numLinks,true);
k&Q1O;a#{,]&E BT/SO         initArray(continuous,numLinks,true);

^4T(wV7Q7LRi['i }       
.WyL ~'Bf!HB function startFade(id)r)B `/s3LPw C
{7r%jFZf DA
        if(fadeOut[id] == true)
IS4qh2Up-ycd         { /*move colour towards background colour (increment)*/gW4f%Kb4q-L
                currR[id] += redInterval;i b8P4`!U-t2nQ
                currG[id] += greenInterval;.Klbj e X0e
                currB[id] += blueInterval;+yCK];^}'RBt
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
,`t-OSQD(Y"C0E,aTI                 if(++count[id] == numFadeLevels)2Q"? Kz|S
                {9V*v"b'~P+Ut3Nl.x6V
                        fadeOut[id] = false;
Ku(U+i5c Z5R\#n2p1~|#O                 }%f*C$m9S4wB
        }%Xd)Tt(|
e
        else
4y'l;z&f.^R*?,b         {F9O'yYsjv%]Ly
                currR[id] -= redInterval;c pO%Q!I_!G;h
.{m"Hq.NIq#lje.PQ,S
                currG[id] -= greenInterval;
7p.X@ xi:T
|in[~$PsIp                 currB[id] -= blueInterval;){DJ_}WZ(H j
O
[ j,Mq.j6A.x
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
(q'b"m,y3F}d1E {+T te+X eU"UK
                if(--count[id] == 0)
H Lm2?bS (R+|0B ^e!f9^;l
                {
?jP.xu U[6P7hX$H\
                        fadeOut[id] = true;
c UO.x)UG7T'V
k4g Ir6\'~p.R                 }
'q~ |l l:K G~
cMRKMs4jw         }
A2_&`K.^t0h
cb6kCc#NbKc#]8f         if(continuous[id] == true)&N{j|t h

uQ3]ZO(fe         {:v^ c#mRZv7iP
l'tJdr:r3m$eC
                document.getElementById(id).style.color = newColour[id];               
5we;Ga%b9s5{
Wo)Cc@.M         }`,KclA%_
R
9Nf#Vp)W|'vY
        else
n D.p Gm
:A`Hg1M%R%bc         {
a*aV0t8m e`Q{/G4I ^0i${$zWE
                document.getElementById(id).style.color = hoverColour;Lw n*f1BOL

a,~S9X8V-UPl         }
Rgl;fG&M
4_cC,N ca         clearTimeout(tID[id]);
w!L"H\D*{[QuA {U ;P9n!`R0npY!Y
        tID[id]=setTimeout('startFade(' + id + ')', rate);
OM(Gyz-B"` -wG rl0W!v"e_
}4j.bZOu[yn7y
-s3c5RruNuH&JMQ
function continueFade(id)
]+Pf)L0U2p7e u9K8]Pc -KG[ K)[+v T2Fpj+N
{
d IO*U/s_GHE0v 6OW)Ug1V
        continuous[id] = true;8W)X:~/NrF

't;^&h#?_1r }
P hA'w&k q h hJ(\ 4t2zEOLq,OY"Mt
function stopFade(id) }Yf(PvcnS.j

|d"pcl0ETFi?r { ?U{u}8agz
6F%l j6Cv}j W
        continuous[id] = false;a-lY/L!YJ lV w

7F1f9P6`[yI }},fD \CO)CM

[ J;|"b;o a function StartTimers() o?E2r5T

d&`Jh} P6a {        //set up an initial set of timers to start the shimmering effect
Rz,vdYk ;^3y3u{q}y
        for(id=0; id<numLinks; id++)5@)i/`Z2y~l @$r
9['f$epS%Y
        {`Nli6R6}y

J#{1L;aQ|9Eu                 t=setTimeout('startFade(' + id + ')', id*100);
C4o[#ZE ,tk3O8_4k4f
        }
i*cet#[4sS?1`;x
+t4Q XC!t }
Es(v#G$F:B QgW8W
LWJ
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')8U8pd\-JL+^/{8s`t

2F7i`R'hf[` initLinks('#FF0000', 6, '#FFCC77');}$e0?.Yes;V:S
2b&aCUf:Z
//-->
8f;[|)g2O?m E
Qt,}Q%p/n'nr </script>
1n'W's6e7gP'y5\_ <a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
j%A~ b#]1l7]8UtN </a>^#L_5\)O}1|mw:D
<br>
WZnO*XPGE|
A <a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>G;s,K"~(j ]6|
<br>
'D-uN
NXKl1T <a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
"Z.n%oiT'c%~3T <br>       
[;oD/F*AkW;b <a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
3MY|He <br>9c{?,E,k%vBs
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>r
rv$v j(o\m)U
<br> bjsRW*ffp
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>5jI;Sl3I~]t
<script language="javascript" type="text/javascript">
7hh'GkAN <!--b|1LZRt
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering+_(]3Pe)ku7E
//-->LbP%x8]K6D'`)s
</script>

查看完整版本: 网页之文字的循环闪动特效