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

zw2004

<script language="javascript" type="text/javascript">7 F8 w$ ~: p; m/ R# @1 L$ f
<!--( d. N) a! i2 r% e1 O
// convert a single digit (0 - 16) into hex
4 n: ]: J# C  R0 }. Z( t4 g* Efunction enHex(aDigit)
5 {# q7 V7 {& W! h* S/ I) `; }9 X/ ?{+ ^7 ^8 W9 ]" q6 w4 s# s
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
2 |0 u9 D0 R$ L/ l}
" n. ?* c) B* z( v" d; c// convert a hex digit into decimal
7 G( P2 _6 l. v3 V! cfunction deHex(aDigit)
5 z- \) I9 n" S3 I{0 ~8 A% G, C+ J# n
    return("0123456789ABCDEF".indexOf(aDigit)); Z* g- |2 @. [! W4 v( P
}
) m6 c( P: ^4 Y8 D! q2 @* @/ h- }
// Convert a 24bit number to hex! g+ B& @# `2 p8 y/ F) O6 D6 S
function toHex(n)
! O1 k7 {3 m$ n2 ]+ h  I* D8 }{
( @/ \* l2 ~6 x    return (enHex((0xf00000 & n) >> 20) +$ F% z& l4 z0 V1 D
            enHex((0x0f0000 & n) >> 16) +/ M" {# m% U9 ~1 ^  j+ N& P0 K! D
            enHex((0x00f000 & n) >> 12) +6 n" n* [: T1 B) r, Q
            enHex((0x000f00 & n) >>  8) +
$ f# Q( d  r0 Y# W8 n' I% K            enHex((0x0000f0 & n) >>  4) +
1 v9 B; R& @, ]7 z9 ~            enHex((0x00000f & n) >>  0))  C" K$ |4 Z+ p- g; n
}
7 L; I2 G9 l2 R' {  J// Convert a six character hex to decimal7 J) R  `  q7 `1 T* b0 i
function toDecimal(hexNum)) |2 |, D: V1 O$ i3 `5 m
{: D% d1 K& R6 I7 p6 V
           var tmp = ""+hexNum.toUpperCase()
2 _2 o2 y  e0 |, {: T. n    while (tmp.length < 6) tmp = "0"+tmp/ T7 X8 D5 M0 I) ~; E
           return ((deHex(tmp.substring(0,1)) << 20) +% C2 t  b/ Q! z: R3 T
                   (deHex(tmp.substring(1,2)) << 16) + + K: Z2 K3 M( w  ?: X
            (deHex(tmp.substring(2,3)) << 12) +
% B# C& \! q$ B/ M9 B1 \+ v            (deHex(tmp.substring(3,4)) << 8) +
8 P; i/ V8 c5 }2 L' l! ~! ^            (deHex(tmp.substring(4,5)) << 4) +/ O4 \, n, {% N) ^; C
                   (deHex(tmp.substring(5,6))))
! g( B3 Q* q& M5 w% O}
# R3 \6 k: K  n9 K5 b& ?///////////////////Shimmering Links/////////////////////  P, d7 B' z& h( V6 p
//global variables- S9 R! O# T, e
var hoverColour6 Q1 m4 X  {: z+ c, B- j1 z1 b# v% ~& l
var numLinks;% _) A. a; M7 Q1 ^. L1 F
var rate;7 Y0 Y4 n1 a! u$ v( h
var numFadeLevels;0 P% d+ X, R; o  g- p- l4 r
var bgR;9 D" [$ \0 @) {: `. {1 j0 k
var bgG;
$ H) M4 I  N  w' Bvar bgB;
# f1 ^  }6 d2 |- n' H; ^var currR;3 p4 `: q6 u$ W3 M+ i: K
var currG;
" y* ]& v2 `7 S6 w6 `9 Svar currB;
2 r4 x; m3 D% C* a! j0 ]% tvar count;
5 b( l& u& f. ~( P# U# ?5 Svar fadeOut;6 J6 g7 r/ j7 m6 g
var continuous;
6 R& Z8 I" n* z5 C$ ?5 Q) R8 Cvar newColour;3 D2 v2 d' f" L( n/ Q$ j' ]
var tID;- O2 |$ I) f% v4 x- O3 e, O/ m
var redInterval;
) r& {2 M) c. J2 dvar greenInterval;0 J/ L2 j+ Y& V5 M% K
var blueInterval;  b, O* c" y; q2 x9 X8 b$ I6 A7 O
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
& X  I6 ]- `+ T) r" @{
9 z. R0 k& Z9 p! |1 K' C" ?        hoverColour = mouseOverColour;9 J, J; i5 q2 w6 D$ H% y/ x$ I
        numLinks = numberOfLinks;
" A6 x: M) Q- A! z6 a- ]7 X        rate = 1;' d3 y' m8 q% w- k3 C1 b1 k, y( l
        numFadeLevels = 30;
/ T" q! ?  `7 a+ {        function initArray(theArray, length, val)2 z1 Q. c9 X' i$ d
        {
5 |! b* G/ s2 e0 m8 |3 t! B                for(i=0;i<length;i++)) X' |8 \/ |7 j/ l: V
                {1 b/ ]* J! \8 V+ j$ K
                        theArray = val;4 _( s# z+ v" E. C- M; M
                }
9 F6 {2 C8 E& }. _) e  E5 R, [- s        }5 z. v+ P) Z/ H% c% X0 H
        bgR = '0000' + fadeOutColour.substring(1,3)
8 {1 l, p/ M6 i9 o4 F1 S0 }, o" D        bgG = '0000' + fadeOutColour.substring(3,5)
/ ~# H& y0 _* P. Q8 {4 s        bgB = '0000' + fadeOutColour.substring(5,7)* ]' p) T$ B+ ^$ m( M- \  R
        currR = new Array(numLinks);
+ D* g* C0 I3 Y% c, n; a3 x0 X        currG = new Array(numLinks);7 D3 s" R6 k: d$ I& T, P6 }' v
        currB = new Array(numLinks);
1 n" U) c9 [: A        count = new Array(numLinks);
' h' @, x4 J# J8 U- X# U        fadeOut = new Array(numLinks);
% A" Q! f+ k: Q; A        continuous = new Array(numLinks);
4 O- \+ |$ H6 L. X" R, K        newColour = new Array(numLinks);
7 h9 ]) T* g; m/ u        tID = new Array(numLinks);
- P. O) B5 M. S* E        redInterval = toDecimal(bgR) / numFadeLevels;6 U" _2 d2 N3 T$ U( F9 r# G
        greenInterval = toDecimal(bgG) / numFadeLevels;; w9 d8 M6 s' F& u5 |! J
        blueInterval = toDecimal(bgB) / numFadeLevels;
8 O9 `9 A3 ]5 Z5 o- v  M. X; {$ r9 V        initArray(currR,numLinks,0);. n0 A% ?; @8 _3 P- b! D
        initArray(currG,numLinks,0);
6 Y; i9 r0 b' |, U3 L        initArray(currB,numLinks,0);" O: I9 d0 }5 W8 M/ U" O8 Z! m
        initArray(count,numLinks,0);
* I4 o! I* L! R2 K        initArray(fadeOut,numLinks,true);& U/ X$ t& Z4 r* d7 V
        initArray(continuous,numLinks,true);# v/ t) M" Y2 P  z
}       
' o4 |6 S; S& `+ |5 _/ X1 vfunction startFade(id)# ?7 {3 f0 c9 m) n
{! O9 m0 r/ `/ R
        if(fadeOut[id] == true)
5 [1 l( H% _3 n8 C2 R        { /*move colour towards background colour (increment)*/* Q# G9 Y. J, e, |( A% L' v
                currR[id] += redInterval;, y7 ^+ N2 c# u( ^, z5 J5 N! G
                currG[id] += greenInterval;
  U( d0 G; i- ?) h0 s7 b0 Z                currB[id] += blueInterval;  o" }6 L1 h, z' S; h' o
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
& L3 e) a) C/ L# S0 T  {' t: B1 c# B                if(++count[id] == numFadeLevels): l8 \" Z6 X  t0 t
                {9 L! D/ J4 @0 o; g
                        fadeOut[id] = false;
/ p; g0 U2 T( W                }+ G* C" z! ~( f& ^- t* G
        }' E, v: Z" ?: u3 H
        else
- o! D; @1 X3 C        {
: G0 f" Z$ L2 [3 c                currR[id] -= redInterval;$ _! L/ r2 m0 R: Z9 R; Q$ D& c

) M6 h/ L. K  c5 K' @" e) k1 Y                currG[id] -= greenInterval;" U1 n+ b. l; w

7 Y, f6 {4 c1 p" A* L                currB[id] -= blueInterval;
8 \8 q6 C9 v+ N/ T( ]1 w8 r
4 t/ o+ [4 P- K                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
. B% v- }. B4 S& l: K$ a9 C/ a. Y5 g. _
                if(--count[id] == 0)9 f4 I- r) o' D7 b4 G

2 a( K" c. ~+ s                {0 d3 U3 y% _: J
+ y# s  n2 a! I
                        fadeOut[id] = true;# Q$ g+ L  ~. j4 h
. D0 T$ [  L7 Q8 m7 p" @7 G, ^
                }
+ ?1 L! ~% q) H( T) W. d1 [0 l1 C# B' E) k
        }
# @; q' X( T  f) B6 V, M' u; @" Y7 i9 f0 `
        if(continuous[id] == true)
8 M2 |/ P. W8 Y( a& X* ?( I
1 V( z, ]$ o" Y* L/ U        {
2 Q# [. d$ u% f, d  Q5 E5 j
, c9 Y3 w8 J$ P2 m                document.getElementById(id).style.color = newColour[id];               
7 o4 C1 I+ ?2 N+ ^& Z5 f9 X2 T; T) _6 A  `; u' f9 ^
        }
& o' n% ^5 z, p* r& q  v7 [8 ?  y' Y9 H9 C% K1 }
        else+ U4 w. U; C5 \. \

) z. ?. {  }5 U4 F        {# k1 b* }" ]0 w3 A2 _, o. T; M- ^; U

0 \$ e& u, N9 y* k- P2 P                document.getElementById(id).style.color = hoverColour;
, a5 |0 a! t% I) o0 o* {
! q/ W" w: e- \* ^% j# ?& g        }
, v- G+ v7 `% k% J2 E% q% f4 s' _3 v$ k
        clearTimeout(tID[id]);9 }0 V8 Y: d6 v  L
6 y' Y9 C+ z2 B
        tID[id]=setTimeout('startFade(' + id + ')', rate);
& y. \( _* F! e7 h- h3 o6 q: L" [$ y8 Y
}
2 [! h0 L" I' y# G# [9 A1 r" X
function continueFade(id)
7 C( U; d/ ^& O+ d( X1 k/ N. l$ l
: @0 M0 v  O# }( l- ]{6 z$ h. j2 L6 q% r; _7 u

7 }. X( x3 W: X4 T$ v8 f/ q        continuous[id] = true;) k- t; L% W, i
' s( ~5 S# X" H0 q- P
}
; Q  b& W* w  K9 f
, S6 m6 C: y4 C3 |1 qfunction stopFade(id)* z7 g3 H) V& o, z% V
3 r5 ^/ E2 f4 p* C3 G( `
{1 l5 g) y2 k3 N: H' G
" [( r* o3 f( D8 q" z+ p
        continuous[id] = false;8 u% J9 ~1 V1 K: Y( [
2 z, T  K4 ?" R
}2 X/ u, r( Y, H2 w9 U+ P6 n
% k9 X- F* v5 Z7 y
function StartTimers(), s# H1 l2 E2 Y  L

5 L* h) W6 O) T/ Z{        //set up an initial set of timers to start the shimmering effect
2 ~8 h+ j9 D# J! M3 i
3 b7 _3 ~6 l3 c% d3 Z6 Q        for(id=0; id<numLinks; id++)
8 P( D& M, g% L! T6 e# Z
- a5 R5 \! a/ [" u0 u1 w" ]        {
! Q6 T/ Z# @) _2 l) u  x
: f4 I  r; K. v9 O  S+ x! r                t=setTimeout('startFade(' + id + ')', id*100);; ~" ~; a4 m$ G4 i& P  T, J

9 @( }# v8 @% |        }
. @! D- W4 o$ d, T9 H) E1 t# i: X2 L" v+ t
}; N) _3 D% C5 _( ?" C3 S
/ y  |2 L" q6 X- N+ |
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
4 R5 w( l7 o/ o/ a8 G# ~# f7 s0 U- G6 S! }9 E
initLinks('#FF0000', 6, '#FFCC77');
: |+ ?$ W  Y6 f3 o! H' p. s. k% G
//-->
% o# x. D7 E" p% |) c8 _
" P- q; Z* K3 i1 I</script>
3 q# P. o* i- }+ H8 G( |* R<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
* Z3 f$ d+ S) D9 ?$ h1 Z$ J</a>
$ a  j. H9 J/ d0 w<br>
* E9 D* J, T; K, q4 c<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
2 _* n( L! v$ o, S" K8 Z" U<br>
9 G; T( ?6 S+ a7 Y3 R! T7 U, s<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>& w% ]+ Q: J( c: ^. o
<br>       
! S. ^! q9 K1 n* @3 Q( h<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
6 C- s; C2 `3 V9 y# O" O( I, d. M<br>6 U; L; \0 `: t" e4 l' Q
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>4 v8 }' O6 ^& G3 `; c7 d' h
<br>. E# k4 d, @' u+ U( V% ~
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>, ^' Y% T2 K* G# d9 V5 q) W
<script language="javascript" type="text/javascript">
, |/ F7 p1 U' Z  r/ X+ D<!--
& U1 t9 ?3 X' a$ n5 C' P+ i, fsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
# a/ D2 X$ j, x! D//-->0 a* K( H6 P2 I  L6 V
</script>