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

zw2004

<script language="javascript" type="text/javascript">! V6 r' f! q8 s& N# b1 b
<!--% D# V5 H) A& b- P5 n5 u  D
// convert a single digit (0 - 16) into hex
. f. s, J% c' B* l" Z3 Qfunction enHex(aDigit)2 H* t6 t" w$ h8 p' {7 O- z4 I
{+ C% `9 n! m' E/ h7 }
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
4 N: V  @4 [0 E}
8 C9 y2 z% C. A2 K/ n1 u! H// convert a hex digit into decimal9 X% G6 ^8 ]; H2 B6 W
function deHex(aDigit)
% {' h, m  T! B$ \8 B+ R{3 G% W' I) Y' v: z; g2 S9 J' q
    return("0123456789ABCDEF".indexOf(aDigit))
+ U% g8 m/ B3 Q1 E- y}1 Q- n4 }9 z& g; S& G* H. a

6 V! Z1 F1 k. ]+ q8 R// Convert a 24bit number to hex
6 Z7 ~7 j3 J' A" W3 @. l9 ]0 T9 Efunction toHex(n)
% j5 h% w. R+ y3 P) k{) b" c! O, t# y% d5 `' W6 u: j/ \  l
    return (enHex((0xf00000 & n) >> 20) +
" k/ }/ X, r8 S3 Z; B            enHex((0x0f0000 & n) >> 16) +
4 y3 K0 f( p9 y7 n; g3 Z            enHex((0x00f000 & n) >> 12) +
6 P, U3 ]3 R: |/ B            enHex((0x000f00 & n) >>  8) +
% }5 Z/ O& Z% L2 M; V( i. r            enHex((0x0000f0 & n) >>  4) +) q* D2 U* \' _8 x- D8 U; K
            enHex((0x00000f & n) >>  0))& A! q( R3 r% v% l2 d$ P6 \) z3 U
}
( s3 T/ a  j: v! ]& m// Convert a six character hex to decimal
$ h% z: e9 c! s0 E7 @3 p. D( t% tfunction toDecimal(hexNum)
/ }* Y4 ]4 L3 Z1 x8 z' V7 ~{4 [. M! a6 q. C/ u* I- `1 R  u" |
           var tmp = ""+hexNum.toUpperCase(), V/ b5 L2 }" W/ k1 c4 O$ [8 Z% p
    while (tmp.length < 6) tmp = "0"+tmp$ t/ ?7 u) \; G# a9 \% C
           return ((deHex(tmp.substring(0,1)) << 20) +
% W! W% S3 H; L  f                   (deHex(tmp.substring(1,2)) << 16) +
: R9 T; F3 i# b, \9 U            (deHex(tmp.substring(2,3)) << 12) +
( q  h/ S0 m1 u8 @9 K+ W( K            (deHex(tmp.substring(3,4)) << 8) +3 c2 X  ?  w; _
            (deHex(tmp.substring(4,5)) << 4) +
2 O! K5 Y  J% i* K9 ?% a                   (deHex(tmp.substring(5,6))))
. S) E* }- C: c3 S}
1 Y# f* s2 e6 e6 ]2 _/ u///////////////////Shimmering Links/////////////////////5 M, m  g9 Y' q' Y4 H% \, P
//global variables
/ U6 j( {+ T! I1 evar hoverColour
3 k' Q4 T2 N! B* K& b6 K" mvar numLinks;8 M5 T, B; m7 s; M) N( w: [
var rate;$ u! k$ Y+ t# p' |
var numFadeLevels;; [! D$ \2 }2 J8 T) y4 q0 M
var bgR;
( |; C8 ~# i% cvar bgG;. {8 E6 Y& N8 r7 P! ]( r
var bgB;
& M( L, \% r2 x' |5 P( Y, t6 y6 Rvar currR;' b" S* X& S* H: B
var currG;7 W5 g' x5 p$ J. z' M" y, d; |
var currB;
. f, X2 ?( _( B# @) ]3 d/ N, Gvar count;# d0 T( I2 g  B3 h# F0 g- w
var fadeOut;$ S- h* I" Y0 \
var continuous;
- [3 [/ z9 w1 [; lvar newColour;
* }8 i5 u  T# i, r! i: wvar tID;" g5 {: M/ p' U$ S* _+ W
var redInterval;# R) s1 o. @. @
var greenInterval;( {7 p3 S0 U. x( V+ q" V/ h2 W
var blueInterval;2 d5 o# v4 d; m" G  U! Z# d
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour): K- |+ @; e: i- B) V. g* U1 B
{
9 a, S8 j6 n: L8 Y5 D        hoverColour = mouseOverColour;
' \+ x- d4 ]9 ~; _        numLinks = numberOfLinks;
  F7 G8 X8 n  P2 [1 T        rate = 1;
3 d# H; H& M/ {! ~5 I+ e        numFadeLevels = 30;
( s2 ?, ^8 ]% j1 Z9 J        function initArray(theArray, length, val)
0 R7 ?/ M9 u" _; f$ x% o' ^9 Q        {' J1 q2 V! `- p& F
                for(i=0;i<length;i++)
+ s: G) A0 H" J. B# [; ~6 {$ V                {: t! `  F% z3 F
                        theArray = val;' N- L4 Q1 T6 E
                }, C7 Q* s- C5 V
        }
( f+ t" g9 G# @. w. i        bgR = '0000' + fadeOutColour.substring(1,3)& R7 t" ]$ U4 N* c3 p5 ~1 Y
        bgG = '0000' + fadeOutColour.substring(3,5)
3 ]# ]: L: N( M, O" E- ^; H* N        bgB = '0000' + fadeOutColour.substring(5,7)
' J( w  M2 m4 W        currR = new Array(numLinks);
# z7 d- U1 ?- y+ H+ e  q        currG = new Array(numLinks);
5 V: w  n2 e4 p5 C) w        currB = new Array(numLinks);9 y. S* H" F  p' U1 k
        count = new Array(numLinks);2 S$ h$ C) L' X' Y* g  b# t
        fadeOut = new Array(numLinks);
& l- P" j) Z9 j' V        continuous = new Array(numLinks);% k7 W- E9 `1 G' h* Q- I/ h% S. R
        newColour = new Array(numLinks);
- X; [5 `2 |6 ~" q        tID = new Array(numLinks);
6 j  R" |7 _. ]- Z/ D5 C        redInterval = toDecimal(bgR) / numFadeLevels;& n; ~0 O- E& _( x2 Y1 k) @
        greenInterval = toDecimal(bgG) / numFadeLevels;
( U3 {" O. ~+ b% {. p7 e        blueInterval = toDecimal(bgB) / numFadeLevels;. X5 x' P' i" V+ m
        initArray(currR,numLinks,0);$ e) Z1 [' m. U
        initArray(currG,numLinks,0);7 f0 q$ H0 L( ]* o5 f
        initArray(currB,numLinks,0);4 Q9 y# j8 X* `, ]* X$ x* |/ c; R
        initArray(count,numLinks,0);, r$ T7 c4 X# e) n5 ?3 ^7 [
        initArray(fadeOut,numLinks,true);
) n6 v5 g2 l% r1 X1 U! G        initArray(continuous,numLinks,true);
; {9 c/ U5 Y, M- q+ |  Q}       
  |# n# _. k) T% ]* tfunction startFade(id)
1 h# g5 Y$ _! W& m) n. e3 h{
9 C+ H0 j: N! t7 b8 U& }+ P0 W' j        if(fadeOut[id] == true)
& A/ |( Y/ D( Y! q# u        { /*move colour towards background colour (increment)*// U. `5 B" d# c2 D5 w
                currR[id] += redInterval;
- O) M+ V: b' P- H: e                currG[id] += greenInterval;# N( D3 C: b+ N1 w+ {8 ~: X
                currB[id] += blueInterval;! h/ i5 n+ _, _) ~+ [7 Z1 w6 r
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
2 H* [; c+ r, }0 t- b! |                if(++count[id] == numFadeLevels)
5 ?" f, {# E" A) v9 S# o                {) ?4 c1 W1 I8 ^
                        fadeOut[id] = false;7 }5 R* |' v) C( P( j
                }
/ R4 ~! `8 E2 a) _        }
! W) n% t9 l1 Y0 B( c" h7 X        else
) V0 c6 @, n' ~+ V, ^        {) R- w! i2 h& `& S2 D
                currR[id] -= redInterval;& o' \( e4 o% e' |
! R) ?& C) j$ R& ]
                currG[id] -= greenInterval;
1 v: Q* T' [# F( L  ^; z# b9 G9 t$ F* q
                currB[id] -= blueInterval;3 B/ d9 B3 U0 ~$ L% y" a

$ n( R* D8 c, j! u) ]! @                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
8 d1 J0 W1 M, T, Q
$ I* s+ N  t* @& l* U" q                if(--count[id] == 0)# j$ p5 f, l5 ]9 D9 R7 ?

9 b; z8 M8 n5 D; S5 C                {- u8 M5 s& `/ `! \3 O& N& ~' P
% n5 r8 n, a* y7 s: j; T
                        fadeOut[id] = true;
5 w# o1 A; H% ]; B  G5 E
, w3 Q; U  |9 C1 r                }
* u  C4 p1 D# ~* @% |- _
. \6 Q5 @  t) G        }5 b' ^4 X9 O) r; l: q

4 }, }' a8 u) F- Z+ Y6 Y        if(continuous[id] == true)" t0 }5 u& }6 Q" H

5 ]" ?& y, W$ L3 y2 q        {/ m6 g- z- Z1 i6 E
6 e/ M. ~( S# n
                document.getElementById(id).style.color = newColour[id];               
3 p( W3 A3 O# G! i3 v8 e1 U5 n0 w- B
        }
$ z& I3 p( H1 j) @4 P; e, v5 G) Z9 X9 _# A  p8 }. R* O$ R
        else
+ o1 N/ q5 Z+ b: r
0 c6 o$ U8 H6 h        {5 H& f+ a: B/ X& ]
8 J# I$ g6 l  w( k8 E
                document.getElementById(id).style.color = hoverColour;! N8 e. x, W2 S3 J9 f( a
; ~! D. [, h* h5 S
        }  u& B1 ^  M5 I
/ ?. R; a3 E* n1 O* K
        clearTimeout(tID[id]);8 D! p* k( |. \

* i2 a8 R( D  ~5 ^        tID[id]=setTimeout('startFade(' + id + ')', rate);5 v+ Z2 ^1 E- Y0 F1 ~# g/ I

" F$ R" d! ]8 U7 A1 f3 n}7 e% N8 _; z" A) O
  @& I8 ?* M/ R0 u
function continueFade(id)" L" b$ |$ x4 l% x

2 m8 S2 ]8 \7 }" r{9 a3 Z5 J! ]( N# U4 @1 F

" r. `9 [' v5 H6 K        continuous[id] = true;* s9 y9 u, p7 G, p- L" u

8 a- q& ^' o" y: I6 Q}
7 t- C1 L% p" m1 I6 H
! V2 F: X# v- W/ H- Hfunction stopFade(id)
4 B) o0 n! S( C) P0 t" K
9 n1 j6 U- j+ p/ b0 w: l# p8 v{) K+ I9 h2 R2 t: w+ p6 }3 p
* _: J# {4 H8 m% }
        continuous[id] = false;
  W0 y) f) B1 b7 m; v
- z, W3 A& q/ c! X. F8 M}
+ G! V' A# u+ u9 @
: @% S  |  \# P5 x; Y2 V' ]  Zfunction StartTimers()
3 P& C: Y" Z6 {1 [% M2 |4 L, g" Y! T3 y& g8 v- q
{        //set up an initial set of timers to start the shimmering effect
7 G/ U8 S  Q' f6 V+ b& v! x4 f2 }2 B2 C3 p' l
        for(id=0; id<numLinks; id++)9 g, ~# P% q$ q& V4 q

% {/ o( U% B5 C* L" z# C& T+ M7 d        {5 `1 k  G/ F( Z# m9 r' S, P1 y

6 r1 Z' P8 _; y: E( J& }                t=setTimeout('startFade(' + id + ')', id*100);0 v1 i, B! l$ X' O/ I$ Z
, ^3 x- o5 f( r3 U- c
        }# P2 f& w; a) Z7 ?; K. V

, _% y% K3 C( M: C, ]% L" P1 I% Z3 U}$ T- D: `5 [# w. Z1 w2 W

2 h; [, _; S( G* e) T5 B" J- }1 d2 E//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')( x3 i) r1 r" Z( O' [7 |. U

& K# p& ^+ g2 n1 ~initLinks('#FF0000', 6, '#FFCC77');
3 v( y7 g1 A, n0 i) x% M
+ C' p, E# E$ M9 J- s1 Z//-->' x8 s% a6 F1 v$ h

4 J! a$ u9 T* b+ j6 k( I7 ]$ r</script>
8 e6 `( l* q# V. b<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
$ F* x' K8 ~7 h! ?3 _1 g& T- _</a>
9 n8 a( E/ x5 ^8 o& W2 m<br>4 G# P. b1 }9 o+ Z# z1 Q/ w
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
2 A- A( Y  |0 B+ j" K, Z) q9 E<br>
6 l% C3 G. m4 k' [. x<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
; Z! q3 f3 Q1 C% L) g: ^) T<br>        / f$ O- X4 Q9 S$ F# S3 {
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
8 }) @. g. N, Q! {* p<br>! d8 K( {2 i! `6 B* I5 t
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
% r5 o, e0 B6 E5 ^9 @) i<br>
( `8 c* z' m- z' I<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
8 V- M& S+ g$ \" O& f7 p: a# j- M<script language="javascript" type="text/javascript">2 [" M; N" p& V4 C
<!--* I# D3 K* `2 V1 y9 b) w# J
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering! U6 D: V( K; [4 S$ F
//-->; m+ i9 I$ l% n9 f
</script>