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

zw2004

<script language="javascript" type="text/javascript">
! ]/ [  G2 [5 T; e1 n  q<!--' S$ P4 ]  W* g
// convert a single digit (0 - 16) into hex
. L+ o- S/ G9 ifunction enHex(aDigit)" u1 y5 R7 i: z6 r5 J1 f
{. v/ C% H9 I6 S; U% \. N0 e
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))0 o5 G% H0 \+ f" [8 X& E7 V
}
! z& n, W3 Y/ Z; S3 T// convert a hex digit into decimal
7 ]1 I) V8 r1 z0 ]3 j  f1 tfunction deHex(aDigit)
/ s3 F7 e- e$ Y% K. }( s$ ?3 f* t{; K0 y/ u& E5 ~+ a
    return("0123456789ABCDEF".indexOf(aDigit))
1 \- {; a( B3 H}# L5 V4 e6 g' o; \

7 O$ q+ o* x7 V// Convert a 24bit number to hex
+ {# j- G2 n/ b6 {3 b3 f) Lfunction toHex(n)* f0 }$ Z. f, n& D% ?
{
8 v& @: p9 E3 `    return (enHex((0xf00000 & n) >> 20) +: M, k; \2 [" }+ J0 H% a
            enHex((0x0f0000 & n) >> 16) +
5 k/ |; B" R$ i! l            enHex((0x00f000 & n) >> 12) +
+ d6 P& x$ d: u7 H' w            enHex((0x000f00 & n) >>  8) +# _/ A0 F2 {) }' o6 |. t
            enHex((0x0000f0 & n) >>  4) +" R" N& Q1 l% S% s+ T! X' {% V
            enHex((0x00000f & n) >>  0))
) t, k5 e3 r, P$ I: \7 R}
3 z( L6 f. r* C$ U// Convert a six character hex to decimal
+ I& j3 s3 k4 m! Afunction toDecimal(hexNum)- }2 i/ U; `/ i& j) }+ y  ?- P- N
{3 j& K; A" q+ j2 A! A
           var tmp = ""+hexNum.toUpperCase()/ z2 ^& g$ o* X' o: S5 R; H5 |" c
    while (tmp.length < 6) tmp = "0"+tmp
$ I& U+ b* e. a% n& P) \+ |           return ((deHex(tmp.substring(0,1)) << 20) +% k0 k/ J. o8 w. V. l( [/ `
                   (deHex(tmp.substring(1,2)) << 16) +
& D' b! h5 k/ b; H4 G4 c0 ]            (deHex(tmp.substring(2,3)) << 12) +
5 u/ P- B) S; @- o0 U! x            (deHex(tmp.substring(3,4)) << 8) +' M& {# I! I) w8 }0 ~3 q
            (deHex(tmp.substring(4,5)) << 4) +/ L9 b$ e7 |5 \' k- q7 n- |9 E- h7 c
                   (deHex(tmp.substring(5,6))))- g/ i& Y" f7 o6 D
}4 @& @  l' S" a
///////////////////Shimmering Links/////////////////////2 b+ ]5 C1 R7 \( K9 a
//global variables8 U+ C' R! g5 p  t+ w' ?: A
var hoverColour
* T% v9 I( E- n; q/ L/ D( yvar numLinks;* |  R7 a6 M/ x! [2 `2 F* L% N
var rate;
4 V3 U3 o$ k+ A" u" L$ C8 Dvar numFadeLevels;
2 [( d: v" p) o0 B* _, D5 Vvar bgR;
; N/ W9 u" @" U. H3 P$ dvar bgG;
! T" n2 P0 \  W; n, T, x7 tvar bgB;
4 z- U$ {( D) z% K7 m7 i3 ^6 r6 L' Kvar currR;$ @+ p& u" s8 c6 @5 k9 w
var currG;
, |' y7 K1 v7 C+ ]var currB;8 v8 {- H$ o, ]7 ]8 p9 P
var count;+ v) w  Y, e1 r* L
var fadeOut;
/ _/ n* v- Y5 S2 w2 Qvar continuous;. U' [" {6 h# A" @- R' ^3 j# `
var newColour;
1 a% t" B# D& I. i, Bvar tID;
- A7 L0 z' k. Q' s4 ^9 }var redInterval;  Y* L" y" z6 E" j8 A" A3 |$ W
var greenInterval;) N, q! d# A" z; R4 X
var blueInterval;
' T2 o3 j3 x+ @# N7 f# o5 m/ H3 Bfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)' b4 G' u' S$ c" }4 m
{
: T. r. X; r8 l1 G        hoverColour = mouseOverColour;
8 Y, Y, U+ k0 F0 u3 l" C3 O/ C        numLinks = numberOfLinks;3 @+ T8 f3 a: Z6 }; v+ `
        rate = 1;0 |  t% z' ^5 @" B" ]
        numFadeLevels = 30;
9 z. T% B5 ^+ H4 L8 v        function initArray(theArray, length, val)
1 B) ?& u% a; @1 a/ i/ a        {
* e; |; x* D% Y7 Z4 j                for(i=0;i<length;i++). D* L: @; {5 Q) A
                {
+ i) k0 V2 F+ z) K5 ~. H                        theArray = val;
+ @$ t( U+ \! M5 q9 C) }                }
4 @1 c' O: s5 O7 ~# ^# J        }0 R0 W6 c* R7 Q+ B
        bgR = '0000' + fadeOutColour.substring(1,3)
9 n6 c" f9 \- h5 l9 k8 a        bgG = '0000' + fadeOutColour.substring(3,5)
& K( M1 ]% s, q9 q8 V        bgB = '0000' + fadeOutColour.substring(5,7)( y3 h: ^  x4 G' w7 P
        currR = new Array(numLinks);  `: h$ }2 n. m6 L. g( t
        currG = new Array(numLinks);1 w* S9 v7 {, B) D6 L& R$ h
        currB = new Array(numLinks);
1 M4 L& L7 h, v0 T        count = new Array(numLinks);
$ |6 X+ \: X' H  g8 `! p7 j        fadeOut = new Array(numLinks);: H/ q$ g- m5 ~3 x& E: b$ Y
        continuous = new Array(numLinks);1 \/ Q4 Z! K$ B, w7 ?0 K  G& {0 v
        newColour = new Array(numLinks);5 q: o8 i3 ?+ z$ y5 w) [6 N" r
        tID = new Array(numLinks);
# m' T% G- a  V9 z: F        redInterval = toDecimal(bgR) / numFadeLevels;& z( p  A" P& }$ C, \6 h
        greenInterval = toDecimal(bgG) / numFadeLevels;
% a: m" g0 x# L$ @- c! n        blueInterval = toDecimal(bgB) / numFadeLevels;
% l& s8 i% G7 d% d* u3 C; z: H; K  Y+ A        initArray(currR,numLinks,0);
1 D- ~6 h1 m: U. ?1 ^6 [' K: l        initArray(currG,numLinks,0);- [/ B0 d! Y" }) M+ ?
        initArray(currB,numLinks,0);, b! p! ?6 s! e! Y9 s! k% o! ^
        initArray(count,numLinks,0);- Q" D  C/ S, p" S) k
        initArray(fadeOut,numLinks,true);* Y1 N- e5 m2 O# K
        initArray(continuous,numLinks,true);: a' t1 j/ p  _% ~' T
}        & X# G+ A7 G1 k5 A9 H
function startFade(id): U* @' g: S) \
{. G% f( C/ c/ I' H5 r
        if(fadeOut[id] == true)
4 {6 s/ B# ~/ V! k# ?2 t& N        { /*move colour towards background colour (increment)*/* }' l. f( s! t4 z6 T6 V
                currR[id] += redInterval;* B: S6 P4 A9 `% n! \  [
                currG[id] += greenInterval;
/ u! @8 Y4 x5 }2 W. y4 V                currB[id] += blueInterval;
. b" {, K& _1 s5 H                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
$ j! V& c1 u8 Q                if(++count[id] == numFadeLevels)
- s" v. E7 l! G, X+ h% Z                {8 Z/ T0 w# @' n
                        fadeOut[id] = false;0 E1 [( l0 N8 c& A
                }
7 ?1 @6 A, P. |: L$ j. E7 s/ B        }
9 s( L8 P) ]9 C8 M        else
( f" }1 {" q8 m5 |' m        {. J+ C5 N$ J6 F$ V4 S8 H8 {
                currR[id] -= redInterval;8 I0 y% S4 Y. M* \9 u# H& @8 o

1 x, U: K$ r. R+ D                currG[id] -= greenInterval;
% d/ z6 F) v- J; Z) a! Z2 A: d9 {' f
                currB[id] -= blueInterval;
* v% F, M3 z/ S* [, B" v- i: q. M) a* ^  o9 j4 Y
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);% T6 [( d" ~8 V$ ]

- P* a! M7 ]  J- [! e5 S- m                if(--count[id] == 0)
: T; c" r: K$ I. H7 m/ `
5 [5 w; O3 r# P: m9 v* e                {
3 R8 ^# p/ T( t: M# V0 d. I, s5 S) |! c8 a/ d! V9 F
                        fadeOut[id] = true;% ^# `+ L6 X0 P( r

2 m8 p( c. {' U8 S                }
1 A5 g8 g; O, I) F8 P4 P2 {8 q# I0 j8 d
        }
# N) R6 m0 S0 Q' X; A- W4 c. ^* \" q4 ~# B; c, t
        if(continuous[id] == true)9 G) G4 N, a1 d5 L# o/ f: d
- k( t! `* ?9 @2 L9 g$ z
        {/ ~. m# z9 k7 @& f% a

6 M9 V$ C4 d; o+ O9 `                document.getElementById(id).style.color = newColour[id];                2 A! e: E0 `3 T/ a0 _7 f+ j

( t$ F5 Z3 ]4 z  G2 D* p% B        }& w7 s0 E0 {2 G- ]* }& Q6 Q
5 Q, `% S: ?0 V/ O9 m1 W! c* z
        else
; S# P9 I- G5 n$ B# r) P8 o$ w2 w
        {* I, B+ t. A7 }9 g7 x$ e. X8 l, Y
" q! Y1 k* y- X% p
                document.getElementById(id).style.color = hoverColour;
+ T+ g* _9 _0 S+ ?" `% Y! I
4 a% M7 {: A/ ?) M2 u0 x1 t+ ]        }
# o! S1 t& Q, J3 B
" f7 C1 o6 m1 s        clearTimeout(tID[id]);
9 U. {1 n' Z* `9 M
7 {# F) l' _. e4 e' i; C2 x        tID[id]=setTimeout('startFade(' + id + ')', rate);
6 F8 Y  v$ j' i8 i& J( N/ x) `2 S& p3 f* M
}! |. V5 e3 i$ R/ L# A* d0 x

3 e2 @. n" a" V3 }& G! w" H/ `function continueFade(id)
' u" ]. I7 w! E& L& ]  U: g7 |  K1 Y9 b! _4 e0 C4 f/ d
{
6 ?9 v) e: G5 t. o$ |, s3 Q7 Y3 y6 j( R: d& T
        continuous[id] = true;
; V* ~/ l: U! d0 h
" k' i" d; w2 ^9 n( R}
. [4 m  J- `& o  Y+ W) u6 H6 m4 P) `: l/ `
function stopFade(id)
5 B+ Z0 H; }; m; b* X) j
3 d1 y) V: Y* \% h/ S3 F{
' _1 G1 v' }& T* y1 A/ f3 r. T; S3 i$ J+ o4 v
        continuous[id] = false;) T$ V0 n1 d: y: q9 O9 N

* Z7 Z% u& J) X}& M! ^$ W' Y& D! v, ^& a' G! v
1 R7 [' q& I! C0 w
function StartTimers()
. A/ D- C6 p8 w* D# O) d$ ^3 }3 E- W  z) {" n4 v
{        //set up an initial set of timers to start the shimmering effect( O/ w# D$ O! S
/ w  B$ E+ G+ u$ M
        for(id=0; id<numLinks; id++)
6 E, J  j- e4 @
6 Q6 V/ Y) h. P% Z0 e' p6 e6 t! c        {: B) _; H$ k: }3 }3 D

0 G; ~3 H9 h: E+ x2 ?  D                t=setTimeout('startFade(' + id + ')', id*100);  M2 y+ G0 v4 t& G
3 W& M' U) G" J  j4 K& X
        }6 v/ ?& Q9 u; y5 q3 {- A) \7 B" ^1 K
" t4 C" {8 K2 d; w" h
}
) ]/ t$ `$ {$ h+ n- ^0 H0 ~3 N9 w* P5 P- ~4 ^, j; a8 R  p) j5 P! T  A/ ^
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
& [/ C, x) L" ?, ?3 u  R, v! u7 D+ B. [0 f; B% S' Z: e+ I$ u
initLinks('#FF0000', 6, '#FFCC77');9 C8 o9 N0 C# ]6 R! U
$ k: K& ?2 u' J% \; h
//-->5 D6 @0 T" W/ w
0 n* Q* T9 U, R# z( B- S
</script>
/ w( h' K( o- ]2 F% `# [% b<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元7 @6 O' }% ^& Z5 L# f
</a>
9 q0 q9 r6 D- s/ I( w& ~. t<br>
' J" T2 ^. F; v, n! g% y/ q+ y- a<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
' A0 y* t0 q& c" l( I<br>
& S0 G0 H! r" G- J8 y1 e4 k<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>6 C9 q5 v+ w& A- K8 `: i! v* O
<br>        ( M. w" O  E* p; s, H: G
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>/ p- J; I# Y1 b
<br>
% {, |8 e! n' X<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>( G. T2 O1 d4 }$ b' }" U9 b
<br>- [: V' y1 l" p7 g
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
) Z9 W. m2 q' [8 s5 p<script language="javascript" type="text/javascript">
0 w7 ~( y' y0 T0 i<!--
3 S' N7 ^  ~  S5 m, w, @setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
; E: X6 @2 T7 B$ \+ u# [; ?$ w//-->
3 o- A7 t1 C& w4 Y+ O# K4 {</script>