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

zw2004

<script language="javascript" type="text/javascript">7 R' Z0 @  F1 R7 J, s$ Q
<!--7 a9 O! b/ T( S; M
// convert a single digit (0 - 16) into hex
/ _0 k7 @7 Z/ l3 X% afunction enHex(aDigit)
: c0 o# z0 [& [{
; {, ^# D4 N9 W& J4 t, R) i" |    return("0123456789ABCDEF".substring(aDigit, aDigit+1))# |) Z9 T/ h; F; W, b. V. m
}
5 g- q+ V* \( M' ^/ v5 h// convert a hex digit into decimal  v! u. Z/ z. N. t
function deHex(aDigit)
. d2 t1 ^1 h7 x2 e& ^{- F8 f% k1 D  W0 t
    return("0123456789ABCDEF".indexOf(aDigit))3 n. H9 s$ x) h1 j3 |  }
}8 H4 a+ ^7 Q  _. p

9 p. ^7 A- A+ C' W// Convert a 24bit number to hex
; h+ \0 N( B0 t/ [/ V3 wfunction toHex(n)
4 Z6 P- T% ~. k/ C+ ]{' n2 s, L9 {8 o, u( Q5 G# N) K* k
    return (enHex((0xf00000 & n) >> 20) +
& W3 ~  K2 n) x! D+ t            enHex((0x0f0000 & n) >> 16) +) o, H/ Y  h1 X: r  r! @  q& B! o
            enHex((0x00f000 & n) >> 12) +
  y& @# m/ P) ?: |/ s% E. r            enHex((0x000f00 & n) >>  8) +
  H8 W+ g; {! i2 {3 |            enHex((0x0000f0 & n) >>  4) +
: K, c/ ~8 V( I) G. z            enHex((0x00000f & n) >>  0))- q; V! x5 Z) X! j5 p" w/ i
}3 w+ C1 \& A$ z5 D+ Q
// Convert a six character hex to decimal
* b3 }" k; l' w, Efunction toDecimal(hexNum): f& `; ]. ^9 k; }1 d! b
{
- V. D/ |' m: d4 x, u           var tmp = ""+hexNum.toUpperCase()
/ c5 v) y# Q0 [& p1 H+ D- [( M    while (tmp.length < 6) tmp = "0"+tmp
/ i- B. h$ ^  _/ P0 v3 ?( i& _5 e: i           return ((deHex(tmp.substring(0,1)) << 20) +, C. U* B% B& z. Y' p
                   (deHex(tmp.substring(1,2)) << 16) + 2 u0 Q" u' r( n& E
            (deHex(tmp.substring(2,3)) << 12) +( z9 V1 M# v' O. a- I  \
            (deHex(tmp.substring(3,4)) << 8) +- r" P. ]" f9 P$ K& L
            (deHex(tmp.substring(4,5)) << 4) +( f" y) I( e. p' p0 ^6 ~4 D: C
                   (deHex(tmp.substring(5,6))))
# z- b0 z. u! w$ A9 |- Z: x, z}$ k* B8 C7 P' a! n! H
///////////////////Shimmering Links/////////////////////
" B2 H! {9 \9 }% a+ i' l//global variables0 ^" |- Z* h+ l- }; D+ m
var hoverColour- J2 q$ j0 s% P- S$ F3 f% S! N
var numLinks;
4 f) M  y5 z: a; g' m6 }; Y' Xvar rate;5 r" h" ]2 w+ T# u, b; c5 l
var numFadeLevels;6 X9 N" ^% P8 `, f
var bgR;! v4 i! n* p) q' X- D
var bgG;4 P- B& E3 C" E* N' m! e
var bgB;0 M0 r) |7 \# I$ K# V' r& P
var currR;
; t( Z6 Y$ ?9 v+ {. r% i1 Svar currG;
+ J9 y7 j. N- I+ L$ uvar currB;
( @" c, g; M" q3 \% Uvar count;
# r3 B' O: m! q! a+ E: m* d- q. ~var fadeOut;9 q# x% x" k3 D& V5 ?' h
var continuous;0 F4 b. K1 Q/ e$ _% v8 ?- U
var newColour;
& _) n) Q, n" g/ \: `# n. [3 m* ?, Rvar tID;' o. g0 C6 l' z% Y" O2 n5 S
var redInterval;
/ k2 Q. [2 X# \  A* Cvar greenInterval;$ @% M5 Q. t& L
var blueInterval;
! [4 t. n% ?) r1 w6 q: Z& ~function initLinks(mouseOverColour, numberOfLinks, fadeOutColour): l  Y$ A" w/ ^5 s
{, A0 E% h7 t9 ^* G- m; P/ L6 H
        hoverColour = mouseOverColour;) i! H# b' [$ m1 D7 E" j, T
        numLinks = numberOfLinks;) L. l- T* d: R% g& E, d
        rate = 1;
  p5 W9 m. d5 ^        numFadeLevels = 30;/ x' x: i3 ?5 C* v: Y) M$ `3 h( ]' E; O+ @
        function initArray(theArray, length, val)
1 n  D9 u; Y. B$ n1 o8 v. N" o        {+ u% W- V" K. m. G# C# Y' ~% N
                for(i=0;i<length;i++); Q/ y/ v- g0 m: w8 u3 b
                {& m4 ]' C) U& K0 J
                        theArray = val;% U  p8 n" `& J# }; L( \
                }4 v) l. \# g# D4 O1 W) l
        }
3 G8 o! U) e9 p+ F% ?& p        bgR = '0000' + fadeOutColour.substring(1,3)' X2 R, X% k3 }/ x+ K4 Y3 u
        bgG = '0000' + fadeOutColour.substring(3,5)
) q& u8 _/ o8 q4 h* e        bgB = '0000' + fadeOutColour.substring(5,7)
# b; s2 Z) H- H+ K        currR = new Array(numLinks);. Z; }. B: A, u6 M; T. r. Q' O
        currG = new Array(numLinks);
) w4 Q! G( N# P9 O6 @        currB = new Array(numLinks);- o( P  m6 O: J" ]" m, B- e
        count = new Array(numLinks);
* w# N- [0 S, \% ^        fadeOut = new Array(numLinks);0 N5 K3 p' e! {! I* g
        continuous = new Array(numLinks);
! G+ K% s/ U( x        newColour = new Array(numLinks);  I8 m) q: \. q0 D1 Z
        tID = new Array(numLinks);) b, L) ~/ m- v5 {9 S
        redInterval = toDecimal(bgR) / numFadeLevels;
. Q- ~0 a+ ^5 A+ g" O0 g# Y        greenInterval = toDecimal(bgG) / numFadeLevels;
9 a# x. o9 ^  v# m( G        blueInterval = toDecimal(bgB) / numFadeLevels;: z/ N/ {7 q0 j5 R: M: b" A
        initArray(currR,numLinks,0);6 t# K7 V( y* W4 {4 B
        initArray(currG,numLinks,0);+ J* @, d) q! B4 K6 d
        initArray(currB,numLinks,0);; m/ ?! E" W% X, }3 [4 D
        initArray(count,numLinks,0);$ ]' a! L7 r$ ?% o$ r/ ]
        initArray(fadeOut,numLinks,true);
) X9 j& I7 D* P/ \0 d( b        initArray(continuous,numLinks,true);2 n) {1 r. w: ?! ?7 \, t) k# _
}       
+ Q( w2 s& L6 B1 Ifunction startFade(id)
5 y" ~. F3 x5 T{
$ z' ]1 P% W0 I$ p, f* Z        if(fadeOut[id] == true)
4 m+ x/ L# X  f/ m: I6 a        { /*move colour towards background colour (increment)*/0 g" U6 m# C' A+ ^
                currR[id] += redInterval;
" ?8 a' O9 w" T1 h# F                currG[id] += greenInterval;% F9 _  Q6 x9 M+ k2 T5 z9 l/ b
                currB[id] += blueInterval;
7 |5 Q, t8 _6 \0 j! s, L                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
- e( l0 W6 x$ L% l; q+ `3 I0 y: J, X                if(++count[id] == numFadeLevels)
( x* B6 v  l  f6 U- D                {
4 o9 v. O$ I2 H; x9 @! W) n                        fadeOut[id] = false;7 \6 X+ t3 j5 P. A$ j- J  ]
                }2 X8 T# k( x, i/ g6 d$ k- M8 o
        }
* v' S" C  I- S0 t+ t        else4 I6 i  O% i* p- U0 _. C+ V
        {
' t+ I" O: z+ i0 r                currR[id] -= redInterval;$ x2 ^/ G" F; M1 V) p/ u5 ^
+ U1 f8 _& r! d9 J4 B/ o
                currG[id] -= greenInterval;
) S- b5 \5 c: k4 C2 j8 P: C: y5 M( J5 f/ i- l' r2 J9 ]
                currB[id] -= blueInterval;
, G2 W2 v7 _, U$ f( ]% `7 V. F! @( Y# r3 j( R
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
% f" r- ^4 l! p- J3 G% d5 [. j& ^
( ~' U1 Q; `0 L                if(--count[id] == 0)
* s! L1 F/ n) a4 D0 r
, \2 m3 C1 r# u1 f, J5 }5 M                {) Z7 x# `+ Z$ y6 A: }. H; T

% D7 n  V9 s3 Y                        fadeOut[id] = true;
, l" b+ W2 D1 F8 a5 z" l; J/ S( [1 Q. F+ d3 c
                }
3 \1 z3 S7 k8 x, l0 V0 w. ?
! {/ P1 I3 _* d: _6 T: w        }
+ K: M; q1 u+ x
( H9 }: E+ R: a, L* Z3 `4 P        if(continuous[id] == true)* m) y/ @2 Q6 L2 p5 J* T4 H0 @9 G6 ~
% m+ M& j; F, c
        {& r; u  R' b3 R1 X
+ `) W: q2 c1 _+ \8 T- z
                document.getElementById(id).style.color = newColour[id];                / O7 @  @" Y$ }0 t' ^& n6 g

) W/ q  |6 Y. F8 \        }
- Z# u2 r: F+ H
" e, ?  ]9 ]" d/ w: y        else
2 G, H* C4 K8 S. A; Y* C. V
6 k$ c3 F7 ~7 _$ X        {/ `% ]- i$ F+ t: H- b! ]! e" L. F
. O' ~# X5 s$ O2 `5 r3 D4 V' o4 |" `
                document.getElementById(id).style.color = hoverColour;7 u. l  j$ \! E

; S* i& H+ o: a        }
8 h( p  x5 W6 H
7 o/ |. k' F1 ^7 \- i        clearTimeout(tID[id]);
) O# m% s3 B5 p, ~% @; G: F/ Q% ~. L4 r; y4 v
        tID[id]=setTimeout('startFade(' + id + ')', rate);  x5 U2 R. d6 @5 E2 _; ^0 w

, v3 ~! N7 s4 L8 p; J& ~" |}4 Y& q) N* E) |0 p% R" {7 D8 N
. y) x7 n/ I, {
function continueFade(id)
/ t; B5 e8 E8 E. ?
! ^& q' o* a5 T/ P2 k8 I5 [{0 j3 k8 m2 _# f! {! B' Q

8 S( C7 n4 E) [- v: S' v        continuous[id] = true;
- m& h" R! M. s7 D3 H
& y+ q0 F% m: }. g}9 b) v9 u  l3 u& t* N
& ~- v5 u6 V5 J& N) }# h+ P2 V( G
function stopFade(id)
4 r  g3 E3 ?: m& Z: ?% d7 n
; K* ~  R8 F% L$ m- [8 ~  i5 g{
' t1 G. q$ ]) C; o% @
' r! h0 Q# v1 S/ Q  I& ?        continuous[id] = false;+ ]% q9 c* N; j" C2 X: ?7 U& ^
# Y5 K# j# D2 g  I* o- h  W% T
}
7 Z$ y3 |  A* S1 _9 Q  U
* L( G, \: b( e3 t- |function StartTimers()& d. N1 ?% {( p7 ~1 e& c
$ C, ]6 P4 n8 L4 r
{        //set up an initial set of timers to start the shimmering effect
" K* _+ O; k, o0 u  t; f
6 X1 ~7 `0 V+ W) O* h- ~+ a2 K. z        for(id=0; id<numLinks; id++)
" u7 S2 C& E3 a8 X6 ]. q; ^4 {5 D4 T( M5 [& R
        {, Y% ]" C. h( }2 Z3 Q2 K  M* B
! T4 n, B/ w0 m
                t=setTimeout('startFade(' + id + ')', id*100);
' q( B! R, O# K6 k
  G& Z1 |" R* t  Y( ?4 E        }
$ f# x- b8 F" {: Y, H+ I6 O1 N7 k6 h3 f3 w
}
0 S0 e: |$ ^4 ]3 n  o7 M" j$ R8 L+ c3 i( {  U* f3 O
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
& f# p4 H! m. ^" `& C+ ]* n6 @6 R  C+ z2 K) q3 y3 ]2 Y
initLinks('#FF0000', 6, '#FFCC77');
9 W  z: z$ m1 d* {! b9 ]9 @8 {/ C: X: J- V$ V5 e4 p9 Z
//-->
9 n! R# h# f, l4 i6 i7 K$ F& t; t/ g
</script>$ E4 D$ {: c6 z  I* I% J
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元) \  ]! w0 x2 m9 B
</a>
1 p4 H' y7 T' }3 E3 ^; e, j<br>& z" L( h5 \% l3 ?7 d; `! A. m+ _
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>- Y% e1 o$ v: I4 C+ R2 |
<br>
: Y" T4 z5 P" n# ^4 F/ I4 }$ D, o<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
% l0 s, }0 x7 B5 L2 }$ f( T<br>       
' V' z0 ~6 t  A  q8 ]* t<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>4 I1 _6 u' s4 o  k5 Y
<br># @4 ^1 S  [! K* h% R% z& T
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>1 b' X, d% B" a8 z; _- }; k
<br>2 K: s! q; l, _! \% Y1 u
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>. j1 ~6 F2 c% }2 |& Y
<script language="javascript" type="text/javascript">% o6 N- I/ R! _5 @5 _
<!--
1 m1 Y; n, N  b- x, S8 DsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering* n4 n2 n0 i( Y! F2 X( z2 I2 \
//-->" @% M" A% \1 H0 y9 w# L7 E
</script>