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

zw2004

<script language="javascript" type="text/javascript">; b1 x) v. w0 I& A
<!--/ Y' {- q( i0 b2 `; l( v) t3 o3 K
// convert a single digit (0 - 16) into hex
- }6 \6 a% g" e5 yfunction enHex(aDigit)
2 Y5 u' i# A1 E; j/ h, Y5 x1 O0 f{) p, H  V- [: h3 t
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
! c* S7 W% W5 F  o! F8 d}/ I6 C; W' n3 K: W9 Y! T
// convert a hex digit into decimal# R0 y$ ~( x: g1 `. Q1 e
function deHex(aDigit)
( X6 ^! R% a0 t{/ J& J5 a- `7 q& `
    return("0123456789ABCDEF".indexOf(aDigit)): s1 P# q0 u3 _/ q1 g- a
}
. g$ O! L2 s( t1 w7 U2 F# H* r7 l& c( o% y1 v. ]
// Convert a 24bit number to hex9 L8 a4 Z/ O: s  P' D
function toHex(n)
4 T% a" [$ K- }' ~# {3 q+ a{/ D$ y( A) J( P  n% \' i4 K
    return (enHex((0xf00000 & n) >> 20) +6 g$ C8 e7 z- j. n' l# C  u
            enHex((0x0f0000 & n) >> 16) +
. y5 j1 F  S: i% z3 B( F            enHex((0x00f000 & n) >> 12) +
  _. R/ u+ n; L# t' @+ c6 J0 n- p. @            enHex((0x000f00 & n) >>  8) +; {# ]: b- o5 i4 I$ n
            enHex((0x0000f0 & n) >>  4) +
& C/ l" t* R# w  e            enHex((0x00000f & n) >>  0))1 }; C9 m6 ?- ~8 ?. s6 z; ^
}
# V! w5 M; g5 R5 B8 M& G// Convert a six character hex to decimal
/ g3 N7 p: f3 r  A) vfunction toDecimal(hexNum): N/ x3 I! U. \9 E7 j# k
{: Q/ r0 M% C/ g0 i
           var tmp = ""+hexNum.toUpperCase()" c, O5 O- h7 d  c/ h" @
    while (tmp.length < 6) tmp = "0"+tmp
' t* K& ~# R" ^  F! F5 X           return ((deHex(tmp.substring(0,1)) << 20) +
, H# d# i( I: }. L& P0 ~                   (deHex(tmp.substring(1,2)) << 16) +
" J9 t# F8 i- _) y& v8 y5 |8 d) B            (deHex(tmp.substring(2,3)) << 12) +
  `" e9 l  Q% y; ~/ V' h* W: I            (deHex(tmp.substring(3,4)) << 8) +8 T/ b" h- G+ _# `3 e
            (deHex(tmp.substring(4,5)) << 4) +$ K' z; [& [$ `7 w, x, i  e
                   (deHex(tmp.substring(5,6))))
8 R4 ^* f- S& p# }8 _}
) |& M2 D; E/ {///////////////////Shimmering Links/////////////////////
* Q- W% `5 e( Q3 |" ?//global variables9 W- Z0 m- _. W
var hoverColour
( w7 r) y' O1 j! K6 q% a  kvar numLinks;
: q: V5 Y6 Y/ N7 Rvar rate;  T7 s1 l6 a: B& Z
var numFadeLevels;
8 R  ~( y" H3 `( T; z# h4 Mvar bgR;4 _* S' `+ D+ W. N1 d+ ]
var bgG;6 A; b; Q# I9 W( P/ F5 r
var bgB;4 p$ k' k: }& z$ H7 h. y
var currR;
! K3 o' J4 }+ Gvar currG;7 d) B1 ~4 c- p4 i: _5 L
var currB;# D7 Y* C9 P" k2 C( V2 f& o
var count;# L! `. F/ O8 z6 t% v8 \+ V# W
var fadeOut;
; V: W! |, K8 ?% n- g0 \/ Evar continuous;  f: i/ g# I9 g9 u. z2 Y, N* w
var newColour;
$ i. ?  l: d0 t4 Xvar tID;0 K$ J( p) [% z6 d! t5 K
var redInterval;' _' ~! p+ ]2 U, o0 U/ C2 ]
var greenInterval;
5 D; V# }: c) X* Z$ x; Avar blueInterval;- v5 E. o' U7 H0 h% a
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
0 v+ R8 u' x0 W$ z{4 |/ R5 S! y' y7 Q. }
        hoverColour = mouseOverColour;
& S/ L# }* |  t! b        numLinks = numberOfLinks;/ z6 ^  y) {5 w+ M* G* R' {
        rate = 1;
  w! g9 @- t& ]5 L. _! M9 x& L        numFadeLevels = 30;2 R: ]# Q8 ^- v
        function initArray(theArray, length, val)2 h. H$ _% m. @" u/ o9 Z3 U
        {
6 T* A, g6 i& A                for(i=0;i<length;i++)
" G, ~% a( K3 T9 M. H1 F  X8 R- |                {
$ ]! |8 B6 i, l6 K- |. v                        theArray = val;/ S; h. d% X  D( C4 n) |
                }
$ f  @5 _6 z6 G! \# @5 {        }
9 z1 \2 p: X6 u; g% L        bgR = '0000' + fadeOutColour.substring(1,3)" ?; y% {/ d0 W
        bgG = '0000' + fadeOutColour.substring(3,5)
$ c' ^3 h/ ?7 o) C0 J) `        bgB = '0000' + fadeOutColour.substring(5,7)
8 [* y' ?( Z/ C) d/ u. j& }1 U- m/ y4 B        currR = new Array(numLinks);5 D) W2 U5 j9 s3 V8 M- W: u& K
        currG = new Array(numLinks);* z, q& T0 K) v& q% D1 M
        currB = new Array(numLinks);& @6 G. q' S' z, i4 l
        count = new Array(numLinks);
$ B2 u- s) |; T$ k6 P) Q# h        fadeOut = new Array(numLinks);
/ I) p1 N$ ?$ p/ |9 F$ h        continuous = new Array(numLinks);
5 N+ W7 R: Y) W/ t        newColour = new Array(numLinks);
  x, I$ Z6 F2 ^* ?9 i; f        tID = new Array(numLinks);
! ?3 r! z" N6 v2 I) c7 |        redInterval = toDecimal(bgR) / numFadeLevels;
4 ?+ Z# j9 ^# U! _- `        greenInterval = toDecimal(bgG) / numFadeLevels;# C# R: I7 N! v9 v1 U( j
        blueInterval = toDecimal(bgB) / numFadeLevels;" j( t3 o+ E0 B0 M  Y" k5 J
        initArray(currR,numLinks,0);. x4 o* c  ^5 o# J0 c% \# B
        initArray(currG,numLinks,0);* i# Z$ u* g6 C- }
        initArray(currB,numLinks,0);  G: x7 `! G+ c8 w
        initArray(count,numLinks,0);7 D- ^" F9 G+ m: H+ u$ o
        initArray(fadeOut,numLinks,true);
  n% j1 m- Q# h$ |0 g        initArray(continuous,numLinks,true);: Y' `8 L' P) j5 I
}        : y; ]2 P) L6 ^
function startFade(id)
& |% B' |+ B8 E3 ?3 R6 M6 @{
  |4 ]4 u* y9 |5 I7 p+ t        if(fadeOut[id] == true)
! I8 r6 G: `. C6 V5 f- x& S+ l, u        { /*move colour towards background colour (increment)*/1 J3 H0 }9 F( N* S4 r
                currR[id] += redInterval;2 i8 |' U: d4 H7 J6 B* j: Z1 G
                currG[id] += greenInterval;
+ u  c9 G3 K* z! |+ f) E2 Y- F- j                currB[id] += blueInterval;
/ u0 a7 b0 Z6 Z3 y& Y                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);) U; `" _- c1 g5 R: {
                if(++count[id] == numFadeLevels)( e# x3 t. \. b9 q
                {
: w. ], K5 \: s) R6 n8 X4 j                        fadeOut[id] = false;
6 C  K1 A2 a9 P, J) U$ i                }3 i" }. [+ }/ F0 N& S4 ^
        }4 m& M0 [# }2 c) \
        else. \( q* ?8 {) V
        {3 [$ n3 `4 p2 o/ E6 w
                currR[id] -= redInterval;
% ]1 T) t4 p6 m8 h7 M7 E' e/ ~4 P  x- b* r* N
                currG[id] -= greenInterval;
0 ^3 L. O  E& D* m. @2 M3 }4 Z/ |- Y& N
                currB[id] -= blueInterval;0 h8 H4 f& f" F$ r
0 E6 K' {3 W9 ?
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);7 E0 q! {/ N3 K  Z# w7 T
, g* U2 H/ V/ t- z0 Y* ?- r" F
                if(--count[id] == 0)
: E- _, q& y- e2 c6 {$ w* Y8 G: r  Z' t/ B5 x
                {
. \) i# F9 \1 _" g6 F
- n& O8 B, y4 w                        fadeOut[id] = true;
6 P/ X: l! k! j* K
: l2 D/ p2 G: y; z" J; d                }
: M2 c# E; ^- y: Y7 p; J1 V* `2 ~3 k+ l; K+ @' _/ \7 t1 |
        }
' Q9 _% z* _% O" ]. i  I4 H
2 i$ y! l3 |  x8 ?5 N        if(continuous[id] == true)5 c1 z' U" q% @& {; w
9 J3 w" {4 N- e5 e% I7 \) r2 P" q
        {
% u7 u7 l' F5 \! {; g, T
* q! i) i9 l6 T1 j1 f. u) s                document.getElementById(id).style.color = newColour[id];                6 Q! |# `# Y  @& B. B; L& E

8 q6 }4 m+ G6 ?3 D( Z5 b5 U        }( k, A! K% }+ O+ o% `( A! x
' c, b5 `2 }  ~; X) [1 \8 H
        else
( z5 W6 D. h7 J" t* b+ i- o+ Y: R$ q1 d! }! i' }- E6 K0 c1 b7 Y
        {
  x4 t+ f3 R: h$ z
5 D1 _( `$ b) O                document.getElementById(id).style.color = hoverColour;* d- _+ _: B' b: `: A% o

" K+ w# }# ?  B0 w! {/ T        }; ~  ~' C/ K! f( B
9 o! l; [8 p# Z% |& H# r
        clearTimeout(tID[id]);3 M% q1 b" H$ Y; K

9 ~+ b. w. R6 T% o        tID[id]=setTimeout('startFade(' + id + ')', rate);9 _% n7 N- X2 R# o! H

4 s& {/ q4 J, w" \* X$ y}- h0 ]: A( j; n& L6 [

& T8 z1 e) z% B$ i1 C8 k5 yfunction continueFade(id)
1 `- E& j# q( o. C% o; f0 H/ x5 x) {
" {, ]: }; c+ g  Q* l, ]. @3 s5 P{' q- K9 w0 b. ]1 H& c
- G/ J# m# R7 Y
        continuous[id] = true;, I3 p- Q( T  S0 t
2 i( O9 K; V" @1 b9 p7 e6 w
}9 w; g5 w0 d& a: W2 O1 i( F2 w

* {/ [# M( M" r: Z$ P# bfunction stopFade(id)9 Y. b1 k6 V: B0 `% U, d

( ]& w; A! V: {" D{# Z/ O) i% x9 @: f
; L9 m+ d2 V: a& V/ i
        continuous[id] = false;
+ }2 t+ a  l5 D$ y) u% J8 E1 z7 c
}
7 ~9 W$ T' s& L1 x, I
# L4 `$ v6 E2 s# c* Yfunction StartTimers()8 M. m$ K/ t) B, v

- C* v- m9 y; _* ?% D{        //set up an initial set of timers to start the shimmering effect; ?( b) v" c2 G1 x3 T

0 [! F$ {% s" s5 k% Q& a4 s1 H        for(id=0; id<numLinks; id++)/ P4 ~$ H1 Z% \5 A- a; M
3 E+ t; T  f* z9 j: r& ^( H8 {
        {
: z/ ?0 b8 M! j: |0 c- M0 j1 X% d2 U6 r. k" j$ t4 a
                t=setTimeout('startFade(' + id + ')', id*100);
( n; _+ t5 N; r% _  H3 Y2 X9 P8 l/ m, u' L  [9 ?: D! i3 U
        }1 x. b8 Y1 o/ f4 W
# R9 C. f, q# k5 A1 N$ m+ S1 s
}
* G* q5 B; R0 F9 j! U. b1 f- c+ N' b9 |- X% b& f
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
# b( D- e( q( n8 F4 K! T% c: J- z7 Z
& X( j6 f7 Q4 f0 c; ZinitLinks('#FF0000', 6, '#FFCC77');$ W0 y. Q+ M8 W' @7 @
2 l8 Q5 i$ i4 R* a* V9 o
//-->' t3 J) p4 O1 d
& }0 \) O  S* b; _
</script>* m  r7 d7 x( p% p) }! T
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元  M" f' O: n& ]7 E8 p
</a>6 i/ e# V6 U' Y  C
<br>7 e1 f) l5 B$ \& o
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>! q& w# L6 L  C; N- q
<br>" ]: }  D) m( w
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>3 A# `( r: s$ E" y
<br>       
2 e9 k& H; E" F  C2 j" s) H<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>. a9 q4 G& O' K& a" X" u9 I
<br>
4 j3 L' a+ ]1 p% R<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
; m' J% f4 Q. R3 I3 i5 G) }<br>6 }: R- S. g# Z- H( p( ~  J4 o
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>1 r! I+ C- }" E
<script language="javascript" type="text/javascript">" E/ q2 l7 u* p- N7 ^
<!--
1 o; K! U& a+ ^/ LsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
4 y# K1 x) r- e4 Z//-->
& t$ `$ F4 a! P- Q</script>