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

zw2004

<script language="javascript" type="text/javascript">
4 k. x+ G0 P9 Q6 c4 u<!--
% I0 }. k$ k- R+ M$ n// convert a single digit (0 - 16) into hex
6 c& y1 j  G/ o# X. Z+ N; i' Ffunction enHex(aDigit)+ R0 o; r8 x% Z* _2 F$ o. j
{- z- h5 z: E. I/ @1 \
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))2 }7 d: G$ C9 Q0 ?4 C
}
* R; ^1 |% I& g: T// convert a hex digit into decimal
( z  x% \' n! k6 f( g$ Efunction deHex(aDigit)( g2 k9 A: c& Y1 m. v  w1 l
{$ z8 y0 M' h2 v7 W- z; K. W
    return("0123456789ABCDEF".indexOf(aDigit))
2 z! S: ?! S3 g$ {% V9 ^}5 A% s- p/ s: e* [) d( D
  S) m; P0 d$ N! U8 P) ?* k
// Convert a 24bit number to hex) M9 I" E) l) u, ~1 ^5 u
function toHex(n)
6 V3 t- a6 S( s) Z9 B/ u9 a9 K{
- f8 p# ~( d% j+ Q) t4 R    return (enHex((0xf00000 & n) >> 20) +( t' N/ N' a' B
            enHex((0x0f0000 & n) >> 16) +
8 i9 M% r$ R+ S6 x& E            enHex((0x00f000 & n) >> 12) +! H* N" ?% q5 |. v6 b; g0 v' j; q
            enHex((0x000f00 & n) >>  8) +" T: _+ h% `7 V. C' m  W
            enHex((0x0000f0 & n) >>  4) +" a! W, s% r3 r. c4 g3 P* q" [3 b
            enHex((0x00000f & n) >>  0))/ k) T0 ^1 m1 G) x2 \& s9 b, o
}+ ]$ Q  t* G0 l5 b' U
// Convert a six character hex to decimal# i( b4 j) C$ S" U' P  W2 L
function toDecimal(hexNum)
6 {, p% B. [; G4 W( a, B{
- J# u& B( ~/ \           var tmp = ""+hexNum.toUpperCase()
4 h6 d# E5 H5 w0 m' |/ r# {    while (tmp.length < 6) tmp = "0"+tmp- A* Y. ~* n; N, `
           return ((deHex(tmp.substring(0,1)) << 20) +
6 ~. Y' v1 o8 m% C% x- D) ^                   (deHex(tmp.substring(1,2)) << 16) + 7 _( ]& @! G2 c8 E
            (deHex(tmp.substring(2,3)) << 12) +
& l( n2 z7 K- s5 _  z            (deHex(tmp.substring(3,4)) << 8) +) w. B; `! n4 @! b' f% V
            (deHex(tmp.substring(4,5)) << 4) +
5 o; W4 {( a: x$ b. b( W                   (deHex(tmp.substring(5,6))))
) _" Q! Y' p/ @% z0 F2 C7 ~2 W}
* c# c' S' |- Y6 `) T* z  M///////////////////Shimmering Links/////////////////////
0 E, R- p, \( Q- N//global variables7 D& `# Y7 K. f) g$ C  l
var hoverColour
* \  n/ k5 T2 w' k0 F& w2 hvar numLinks;
' k3 m9 F' a. n( S1 pvar rate;6 _# u. }" B/ a% G% U
var numFadeLevels;
/ j- t% C3 D- K+ H% `& p/ N; Ivar bgR;) u7 S4 d) N9 f  e2 v% u) c
var bgG;
6 P/ J1 w- |" F8 h+ wvar bgB;
% z& f5 @9 ]7 {/ n2 Cvar currR;
1 n9 r. J+ O) I# {. Qvar currG;; [' a6 m# T( L  j, S+ s
var currB;3 n0 ]3 a3 E1 k
var count;7 ?1 n/ E) |4 C
var fadeOut;5 ^7 g( n# Y* `" h! M/ s
var continuous;
4 B0 k+ A! ~1 s7 c5 svar newColour;
- |' X2 S5 P; M! p- Uvar tID;
! o; R9 ]5 Z/ ?% k) o/ H8 U% Hvar redInterval;: I/ B- L$ N0 E% G( v% n
var greenInterval;
9 s  }% `& X$ h7 lvar blueInterval;
5 T6 u/ l) ?. a7 Y2 j# U9 Z* J- O- @; Mfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
" q- p# ?6 u! ~0 c: S  p* j{
  q% ~9 T' k/ O, G1 M. l  A. G        hoverColour = mouseOverColour;
( p- I7 J; c3 U+ H: ^' z% Z        numLinks = numberOfLinks;5 T1 x% G: n/ `, Z* \2 N' H" W
        rate = 1;' `9 M& c$ c* V- [. ~" n
        numFadeLevels = 30;+ n$ K9 c# M$ D3 E+ e5 c; q0 Y. z
        function initArray(theArray, length, val)
$ V! m( {7 h2 F5 _        {
% \4 P' V/ s  k0 s& Y5 N8 ], g                for(i=0;i<length;i++)2 n# p1 t& h1 L8 a
                {
9 T/ J) I' J" j4 Y                        theArray = val;& g( f/ F( K3 N% |% j
                }
; t' G8 a$ |6 n4 S, h        }8 @0 D. a' L) A0 A0 T
        bgR = '0000' + fadeOutColour.substring(1,3)* O6 j! K* L# `# {7 ]  E  D- [
        bgG = '0000' + fadeOutColour.substring(3,5)
; @4 i! d. A1 d        bgB = '0000' + fadeOutColour.substring(5,7)
4 a/ R7 r: V: V4 h: o        currR = new Array(numLinks);
  Y8 x# v8 f; [  ]; X* U* n1 c1 O        currG = new Array(numLinks);$ x# }* E3 P( [3 N( b- B1 S
        currB = new Array(numLinks);2 p1 L4 u3 Z# t4 _0 C0 b5 ^$ d6 E  g
        count = new Array(numLinks);
! `5 N2 x" l2 o1 C8 Y        fadeOut = new Array(numLinks);
, \2 ~/ }8 y" E) B        continuous = new Array(numLinks);
' u7 a1 s6 ?' p( m6 O- g3 a; Y. x        newColour = new Array(numLinks);" p/ ^) t8 {* i$ }+ {, x
        tID = new Array(numLinks);
4 F0 L+ ]5 X9 {5 g# B, a% e' D        redInterval = toDecimal(bgR) / numFadeLevels;
1 j- o4 D# j8 b: b* H        greenInterval = toDecimal(bgG) / numFadeLevels;; |( G) r6 t. Q8 `8 G
        blueInterval = toDecimal(bgB) / numFadeLevels;7 ]3 c( C+ R, _& B& v2 |1 V$ u
        initArray(currR,numLinks,0);+ I8 p  e+ h3 t; i3 ?4 {# E7 x9 K
        initArray(currG,numLinks,0);! j! A- l+ z- u
        initArray(currB,numLinks,0);$ p* x) ^- V* G
        initArray(count,numLinks,0);
. A1 K0 ]/ @0 I. g        initArray(fadeOut,numLinks,true);( O2 f9 N( n3 n( l6 V! V
        initArray(continuous,numLinks,true);
) w$ E$ U/ u8 j; n! V$ @7 z  e}        * J% \! d9 l; v, O  @" O+ d
function startFade(id)
9 r4 V9 X5 K/ D( A2 r# e{/ X+ X; l- c/ y7 F  c; H
        if(fadeOut[id] == true)
1 T3 c* {. h& h3 {! h0 F1 d/ D  ?        { /*move colour towards background colour (increment)*/
* ~9 s5 L, h& E                currR[id] += redInterval;# v; t0 e4 |. L! a
                currG[id] += greenInterval;
  I2 c, S5 s0 z  m0 C4 b                currB[id] += blueInterval;
! ~% {* N6 l1 `. Z5 A. M                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);- h! a7 F9 z# E& G
                if(++count[id] == numFadeLevels)7 L. b% H& J2 [' x0 N* p
                {& `# Q, s- b, _
                        fadeOut[id] = false;
( m; V5 w; p. o# P5 a                }
2 z+ S8 K4 w: x0 W$ h7 _; Z        }* v8 U& R$ p0 F  C5 Q2 P7 ?' X
        else
1 K. o: M2 p) y5 S( M        {
3 y$ T" }  i$ l4 f$ q0 |                currR[id] -= redInterval;
# m. \+ \! W$ s" N) u9 v
. F" C7 r( _9 [' j* H' ^& ?& I                currG[id] -= greenInterval;* H+ W# u+ B  ^( H. \0 y
# O$ M' r: l9 y# U( M, n
                currB[id] -= blueInterval;% u- W2 i) w+ i$ d% W; T- I* e$ G
0 t6 c7 ]: l7 l9 S- Y0 ]
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
3 p; `3 s" \: I8 k, h- V. {. w+ n5 i  Z8 [3 w% b* L# U8 g
                if(--count[id] == 0)5 q! G+ y6 V  X2 \" |

% r* m% D0 p: x                {0 N) h5 {- l& e; c3 @

: W& [; F0 N- M. n) Q+ B, o                        fadeOut[id] = true;  C" h' r9 T) ~1 X: s& b

6 u6 R* ?$ b$ @6 w2 l: ?                }
5 y- u- t" I0 c3 f; J' @5 Q" K4 x; H7 n2 f. v1 M, U
        }
& }8 a8 m2 Q1 j8 R; G$ q/ d- a" P/ a- ~9 v/ B( Z/ [
        if(continuous[id] == true)- L( u$ [: L8 _" c  Q/ T- o
; j- }, z+ `1 a1 @: T& {% y. l
        {; E4 [+ k8 q. _' P
( c' N4 w) G( C1 \2 C" Z5 O
                document.getElementById(id).style.color = newColour[id];                ; w' n7 S2 k8 O

  l9 `3 r& p0 o- q' O6 I        }7 |) u: ~# u& p' \% ^) J5 C

/ T; v! l) c5 ^        else
# F( r4 w8 o8 |& C# C+ a
9 c' w; n6 m2 w$ Z" v6 o5 h$ d( s        {
" S9 I+ G) a, v. o' W( E0 @2 q9 S. s3 ~3 T, J. ?
                document.getElementById(id).style.color = hoverColour;6 }% _/ m, l2 h  Y  l  [2 i

+ \# Y! I% |! D% F8 o        }
) _) ]' @4 V8 h2 d% R* a# m9 K2 b0 j- t$ r
        clearTimeout(tID[id]);
: ]8 v) w% M) N% r
: P# x+ l) ~4 n- L, a; R! |        tID[id]=setTimeout('startFade(' + id + ')', rate);- k0 r; ]) ^$ f+ Z. T1 ]! o" {
. j0 k( s. ~; ?% V7 J9 T' |3 k, s  }
}
3 a/ c' z" ~/ r, r# m
1 X8 L! _/ }; P+ `, _9 u: Efunction continueFade(id)/ h* M* x: z2 C. h
& Y5 |0 X" b8 R. a' C% C
{
  B, g! d8 Q0 }* P4 \' e, C
2 [# h2 B4 T9 o0 [0 H- A4 v        continuous[id] = true;4 M6 n+ B& T& m% u" J# {; D

  a( d9 n# q$ C" m( ]4 P}# c1 K1 @; C7 e3 r: w

( h8 j: {' x9 J1 h, w& ffunction stopFade(id)- E8 P% }/ u' Z. m* m2 i2 [
7 u; `( s8 h. T2 a" z
{
- ^: G% C9 b- N6 Z" E. \7 V  ~. e2 P0 W5 D( `- j! u9 I8 Q
        continuous[id] = false;5 `$ _8 S4 g0 z3 i' ~# ~

+ n1 O" e- G! v3 m9 D}$ d7 H* e/ Q2 Q/ z5 u5 a7 b
' B6 F+ m" F8 e% x; b( y5 |! \! H
function StartTimers()8 n* b4 k6 q8 f' K* r5 M# C3 Q
- i2 d  v# |5 N6 L0 H
{        //set up an initial set of timers to start the shimmering effect2 ^% p* J! X$ ~6 b7 C% D: v$ R

% I/ o+ y& p: s        for(id=0; id<numLinks; id++)
# c8 r6 m2 j  g! ?
) G; v- D. Y' K( g3 m        {
: m9 a# N3 n# x3 t2 Y  N1 v" i' P( N% o
                t=setTimeout('startFade(' + id + ')', id*100);
9 T1 l% h$ g( R0 p/ }7 c
# Y. J8 _7 |* }2 C* X& a* M  g        }
$ v  q1 ?7 d* W7 Q. X1 \8 P) a0 a+ G2 z( C0 x% h* w
}: G# R; ~! [8 V# b/ ^" o

1 ]) N: a3 g$ i  F- v- h" n//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
  \1 a& e1 P5 c0 m" Z2 W- G% x0 S9 ?# P" z" j4 U9 N3 f# H
initLinks('#FF0000', 6, '#FFCC77');
  Z0 P0 _, B  _, N0 P" ~4 j% p; s6 ?' ^
//-->) u( X: R5 W6 Q: h! ]- g! L

7 @& _' r/ `6 d5 j: a$ m6 }</script>! j, I2 ]9 @1 @+ D$ p4 m
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元* @' L) i4 E/ I" i5 f$ [
</a>
! \0 U0 w: J5 ], {: h<br>7 d, b& T# x& V3 u& ]
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>! N5 E( k% j7 l1 e: n
<br>
0 b% u& ^/ H$ i+ u5 Z<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>3 w- B6 E3 l# [3 S! N" T) I4 e
<br>        * {. o" f/ C2 }, ~. {
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
$ Q1 q2 S% F5 d( x8 \/ k7 P: Z' X<br>2 S4 ?8 m- p7 t6 P/ l& h+ q" ?; X
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
4 m7 V. J& M1 s9 B9 K6 n1 K<br>' c% X5 [2 t9 Z1 E- G9 m
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>9 o# R  N+ A- U; |4 H+ G& o
<script language="javascript" type="text/javascript">
' G5 k0 `. q$ m4 C% s7 {' r( M8 O<!--
& u. N4 ~9 l) P& ?5 y# M/ UsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
: }, E; s) B. b) J//-->
' [) N% V- T0 d. U  `/ z</script>