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

zw2004

<script language="javascript" type="text/javascript">7 A& z* ?1 \; F9 u
<!--
# B/ X, o/ B5 \+ ^, h// convert a single digit (0 - 16) into hex# U7 m7 p" Z& F# A/ S4 P
function enHex(aDigit)8 H1 @. I  h' h' C, \) f
{
( n" a: x% {& _" ~$ }    return("0123456789ABCDEF".substring(aDigit, aDigit+1))& ?$ q3 M! ?- k8 O& I" X; P  i
}
% N' Z/ Z. j# B& \// convert a hex digit into decimal; f0 y- K$ H  i# J7 P- T3 f4 X8 \
function deHex(aDigit)
0 L  W% {: v; `* ?- r0 k3 r{
+ Y' k1 x7 \3 d5 S4 n    return("0123456789ABCDEF".indexOf(aDigit))% F2 r+ C4 x# z! y  G' v6 c
}' M* e) N7 u, _0 ]( j8 W/ T7 d

) q* W3 v- x5 }! j// Convert a 24bit number to hex2 T7 [7 B" |7 S4 ?2 |
function toHex(n)/ Q6 R. o( V7 k( @% F# U
{3 ?: M3 X- z/ @" q* P* b
    return (enHex((0xf00000 & n) >> 20) +
  y6 V" m* }. i1 a$ d7 |5 ?            enHex((0x0f0000 & n) >> 16) +
/ b3 |: l  X% [( ]) L0 F            enHex((0x00f000 & n) >> 12) +
5 p/ |" M% J# q3 p            enHex((0x000f00 & n) >>  8) +
/ S5 [! Y, b$ s% L3 ?            enHex((0x0000f0 & n) >>  4) +
7 b8 V6 I  h- y. V* e% |            enHex((0x00000f & n) >>  0))- Z3 I# r  w) B. V# u
}# [5 f7 R& S+ H& [" W2 z! y+ c
// Convert a six character hex to decimal
8 V# i$ X4 h1 X0 P( @/ Y0 ifunction toDecimal(hexNum)3 g( T4 r4 s- D' _5 }9 T
{
% }7 o6 n& Q- Q: K, e           var tmp = ""+hexNum.toUpperCase(): M% C& X# P4 f3 O3 ^; Z: Z
    while (tmp.length < 6) tmp = "0"+tmp3 L5 g2 g( h+ ?& y" M- r/ w
           return ((deHex(tmp.substring(0,1)) << 20) +; f$ v. R- Z' W% U4 r4 M; v
                   (deHex(tmp.substring(1,2)) << 16) +
5 q4 s3 r) b( c* f! s) K0 x            (deHex(tmp.substring(2,3)) << 12) +
9 s' ~4 w0 D' l5 V9 e            (deHex(tmp.substring(3,4)) << 8) ++ F0 Q& Z) I  O# |9 i& n
            (deHex(tmp.substring(4,5)) << 4) +" ~0 x, A( F* X$ B4 O, D6 h$ p4 R
                   (deHex(tmp.substring(5,6))))
/ S' F8 d( T# {1 I( S: q  R}$ [! g' ~: c. U! L4 X' a
///////////////////Shimmering Links/////////////////////2 m5 Z6 h* H4 y; Z! Z  M6 b& m
//global variables
6 K4 r5 l* R! p( H$ Gvar hoverColour+ ?% {" T. ^( J' \% O
var numLinks;
% a4 W& `2 t' {* ovar rate;0 k$ ?) @  W; y* s2 \8 k
var numFadeLevels;4 n/ r2 `, Z/ l% J- {/ O
var bgR;( l# H5 u" z& K# l( r/ _; ~, a
var bgG;
5 J$ V: {  y* e' z) _; Kvar bgB;" S6 ^2 w; o' o4 c# o
var currR;
( k$ A. A+ R: j4 Tvar currG;/ ?+ I# K0 R0 d7 T3 Q: J4 Y) l+ P
var currB;
* k/ h* Y1 G, wvar count;' s* _/ z: f9 `% r6 P% B, m4 s3 y
var fadeOut;
3 M. y# j1 Z% h. h' Gvar continuous;( `- y- R& ~, m( ~
var newColour;
8 d3 ]- q, ?: {var tID;2 i( \1 Q! q. S  L% a; _
var redInterval;
# e& Y* a1 u2 V6 |var greenInterval;
1 S$ R: X1 |- G  Y" vvar blueInterval;
! Z( H, M# o( O- f0 `# nfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)" o& p/ f) u7 d5 Y
{
7 U2 n% g5 d1 m3 f        hoverColour = mouseOverColour;, b. Y2 S9 I3 b0 V
        numLinks = numberOfLinks;! _: t7 Z8 N7 u, Y
        rate = 1;
5 N0 s- @) h# L. y, [7 J        numFadeLevels = 30;
3 S, K! g" ^1 _: n# ~$ E        function initArray(theArray, length, val)) h1 w% y8 U& Z) R$ @
        {
  |0 R2 @( \2 ]7 S4 k3 L! i$ ?                for(i=0;i<length;i++)  m% ]' f  r* M/ T
                {1 H* I8 J( d" J1 A$ {$ g6 q
                        theArray = val;
' S$ Q' l1 P6 ^% g                }
4 }5 o, |$ M6 ^$ J) J: a; o! Y        }, i# B0 `- w) C: r( l, P# p+ p
        bgR = '0000' + fadeOutColour.substring(1,3)
/ I2 ~5 Z4 y. V& O% v# [        bgG = '0000' + fadeOutColour.substring(3,5)
# ^. J9 [4 E; }" j        bgB = '0000' + fadeOutColour.substring(5,7)1 j9 a6 H9 w# ?! S4 p
        currR = new Array(numLinks);% \# M( s( `8 G8 J9 ^$ A5 A
        currG = new Array(numLinks);% g- @2 l, @6 C( u6 r
        currB = new Array(numLinks);8 R4 N; _3 v' n# p
        count = new Array(numLinks);
3 _* `* U6 V+ S! c        fadeOut = new Array(numLinks);
# e: s$ q" C# G" \$ {        continuous = new Array(numLinks);$ A$ K$ {7 ]8 R" w
        newColour = new Array(numLinks);
; t. D  N2 N7 I0 C) d- K6 X" ^" I        tID = new Array(numLinks);
9 b* M5 z  v' i  g        redInterval = toDecimal(bgR) / numFadeLevels;
3 v' I2 U# ~- p, b0 K" b        greenInterval = toDecimal(bgG) / numFadeLevels;+ Q+ T8 q7 p* ~( R( Z* ?$ w
        blueInterval = toDecimal(bgB) / numFadeLevels;
' u6 g4 ^( M' s        initArray(currR,numLinks,0);
! c3 ]% m" }' m4 U- \6 y6 G        initArray(currG,numLinks,0);  ^) E$ k3 [" J; j$ a
        initArray(currB,numLinks,0);- h2 D1 E' _6 K& D0 D
        initArray(count,numLinks,0);8 a  ]% P# r; V7 r7 ~8 q
        initArray(fadeOut,numLinks,true);& M2 c' {& N8 W$ k
        initArray(continuous,numLinks,true);
, O3 }9 z  ~8 I8 ^$ u}       
6 A$ Q" T* G. N! ifunction startFade(id)
2 k9 b# z) T& N% p+ W{4 G# I9 i1 v& ^) u# J# \
        if(fadeOut[id] == true)+ K/ h  @7 s4 ?
        { /*move colour towards background colour (increment)*/2 K; d# x+ x" S& E) n6 L; M
                currR[id] += redInterval;
& Y. |9 P* d0 o                currG[id] += greenInterval;
/ l, A  C4 N" J                currB[id] += blueInterval;
) I, A2 \/ [" ?6 Z! S& X( U. }2 n- S9 G                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);) C& P( [( l$ ]/ R" U% {
                if(++count[id] == numFadeLevels)
7 S! k6 Q: b% Y2 f$ ]# o                {: \& u; T% S6 J' [8 _  e( b4 J/ q
                        fadeOut[id] = false;
) Y' F% W! N" _+ Z* W                }
  k1 |# c; p0 K# [5 `' S  H+ Y$ L! k        }, B8 b0 J+ c) @2 o) G3 p
        else
' h" l/ n) D* Y- a" C        {3 b$ [* y+ k7 ?' K9 ?* Y
                currR[id] -= redInterval;  \# y( v; |9 b2 O4 L2 m; Z6 Y9 ?2 M

" Y* |4 H! ^6 y2 s1 p2 L                currG[id] -= greenInterval;
7 Z7 j# T* B3 y, P% S( K" }
* L( R$ l" Z# e3 O$ i( u6 m                currB[id] -= blueInterval;
7 e! b, Z, L# q+ T
; H! M! G. o$ }" {2 W; A6 \+ W                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);. T: X! Z: M5 l  Y, ?5 W+ l+ O' [

6 \9 P) F5 ?5 M+ e) l                if(--count[id] == 0)/ W2 Z6 M% J6 _; S# i2 `; t
/ h' S* ~) a6 Y' |
                {) K: _% w: d( P% h1 i

; y+ O% ], m! K% S. J6 J7 s                        fadeOut[id] = true;
$ I& _( W0 ?9 a/ n  M& A, T
& l  x/ I- T( s- s                }
% a# X  B; v  V  q2 w; c5 r( C
; j, w5 G8 [1 d: K6 d        }
1 c& L% T6 K6 y' z/ h6 \( E8 {
. u8 d) _) |/ F2 X+ o" q        if(continuous[id] == true)3 T$ N# k) ~' t0 t/ y

4 w# r9 Z8 Y& J, |8 `  t% H/ d        {+ Z9 M9 H9 B  h& \9 Q) @: k
4 D$ G! J- a4 E" Q4 C0 q4 W+ ^
                document.getElementById(id).style.color = newColour[id];                % I: k1 h& m2 C) p$ z4 H: @$ i" ?
7 R$ G+ U" Z' v% F4 O
        }! X& l/ F" M% \, N

& g% a0 P! R+ ?        else
3 A" C' P% y* Q- M6 y% d
2 E' j+ g7 w) k        {) J3 A( |  z4 ?( g

+ T; n8 I' F: Z. n- j                document.getElementById(id).style.color = hoverColour;# V5 V; ^; N& ]1 @' K3 P! N
/ K. I% ^7 [% f- E! ^  C
        }6 i9 H5 I7 Z7 l9 p: @% [

( L3 |4 G! t# b        clearTimeout(tID[id]);
, ?" p1 o( ?4 R! a! U1 W3 y, s# Q/ T- u
        tID[id]=setTimeout('startFade(' + id + ')', rate);
; P% h- M9 ^3 {
. Y0 ^% `4 U, G* K6 s7 {7 s}
, t; u  M6 p* u7 d- |) |- Z# Q# \  a0 v  H6 I
function continueFade(id)
4 @) b& i* r+ d: q2 q+ b0 e# z, ]: H/ L: I
{
$ i: ^2 Q( P$ x; _9 d: m0 F9 G; f, C0 _& I
        continuous[id] = true;
& ~4 O' L' g8 y: }. z% U/ n+ q: I/ y( C4 ~, s- u
}2 [. }  s5 F6 l) F1 U* o9 e7 _1 j

+ a" z. }( l9 f" C* o/ B5 |: k+ e8 sfunction stopFade(id)
' r. N/ S& S; ?" }  @
! Y/ g' }2 j5 ?- [' f+ g2 @{. |, J1 r( u7 s% _( l7 f8 a% u
, J! h& \$ f( G
        continuous[id] = false;4 t/ y. [$ V- d3 m0 j7 S

7 B* h! S  Q. T6 Z  `/ Z& B% n, l}+ n& u; }- ]7 b+ ]
& z# {5 B0 V* |2 ?3 p, w; K
function StartTimers()
! y% E% d7 v9 K
) \" b/ g% |5 F' }  e) Z. O; P, A* H{        //set up an initial set of timers to start the shimmering effect
( Z! m$ p$ N3 M' k* q3 ?7 w7 |) _- {0 C
        for(id=0; id<numLinks; id++)
: V  M. Q, `' B7 Z$ [& i) f$ C1 _4 s( H/ d3 F- L
        {
- k4 `8 z0 B  e& a" j7 A! ^" L. P& l
                t=setTimeout('startFade(' + id + ')', id*100);/ v% u1 a# ]( v6 R! N0 [$ S1 }) f

3 @: d3 Q" c4 P3 a! Q6 @        }
6 ?& j: R- X. w" E; F. d" |$ U; ?  o1 t. Z+ S; X2 f
}
) U& w8 f5 b( I1 n, A/ d/ a
/ w" e, i  L% W4 R0 [* D4 f//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')+ W0 d1 g, D; F* Q  C0 E  f! c) J7 E

6 O  ^8 I2 g) _! iinitLinks('#FF0000', 6, '#FFCC77');
/ ^# o% g% b7 N: R. M
6 f5 v* n; p+ }, p//-->! s) x5 j6 ?2 h- l" w' v1 J
! P, g' X# R  L
</script>
9 b/ B7 o4 e5 R2 E9 n8 \<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
- t& \3 h5 d" o</a>
1 ?3 {8 V2 V& p<br>7 ^7 G6 Q% Q/ f
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
: }3 _" z2 ~9 h; y; v( r  i<br>% u& |: H7 Y$ j: d
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>* Q8 ^$ i7 ~) N* B) c* B$ O  b
<br>       
0 d; [  T# L6 r9 y$ t5 ]* z' m<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
% O. d9 G! B' Q: s% U/ ^, Y/ S  J<br>
% k) {6 c6 L' l. G<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
7 i, E! ?! Z6 K$ P: l3 j- P<br>! O" ]: x% R9 {) Z9 }& @
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
- }9 A+ N) h; J<script language="javascript" type="text/javascript">
1 U: Z" f0 U  r. ^7 n: J<!--
/ r) }4 @* R* o- m( a: QsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering  w8 {# i5 [3 M+ U! z
//--># M: `4 }$ D* L+ }
</script>