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

zw2004

<script language="javascript" type="text/javascript">
# @: o7 B3 t$ f( Q<!--
, L( Y, t% G8 _* @4 V// convert a single digit (0 - 16) into hex- c& y9 Q( O1 s" C0 x+ ]5 ^
function enHex(aDigit), E2 h* ~0 Y& F7 m4 R
{3 Y5 _5 N" [9 }4 i3 R
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
/ |0 J! e9 J% ]- T}& k1 \) S# }/ `% u1 N9 n
// convert a hex digit into decimal
* Z4 t# Z3 C' ~4 t2 g+ `function deHex(aDigit)# i% \% x" B4 K6 a% Y
{- c! [% G3 X8 b4 Z! W6 G- E
    return("0123456789ABCDEF".indexOf(aDigit))
) B; r- j8 D) B' I% B' M7 l$ h! u! f}# p. Z" N9 S( ~% h9 J9 `
2 `* ]( M" \8 Z  N9 l
// Convert a 24bit number to hex
& F& C* w* {: s( o( K7 `function toHex(n)9 I* K) L& Z' Z
{
; O3 j. `- G) I8 i) z% T1 [* M8 X    return (enHex((0xf00000 & n) >> 20) +
. F0 H7 k0 p' r' Q: d# v8 w1 o% J            enHex((0x0f0000 & n) >> 16) +' Z3 x7 {: {9 P; u
            enHex((0x00f000 & n) >> 12) +
2 }3 _( M5 J7 |: k$ G            enHex((0x000f00 & n) >>  8) +
4 b+ e3 D" a- G- F9 m/ S# J            enHex((0x0000f0 & n) >>  4) +3 R' {% Y) @5 r1 Z
            enHex((0x00000f & n) >>  0))( P; _( k8 ]2 _
}
; _5 K! r8 v0 U4 D// Convert a six character hex to decimal
* ^6 o% I8 J  F9 _# `) K/ l+ A; afunction toDecimal(hexNum)- ]. X' y/ ~& ^3 u2 y# }4 m
{7 Q' g; ~- K. a2 y8 A, R& t% }+ H
           var tmp = ""+hexNum.toUpperCase()
7 M. D5 T$ e) M2 N4 ], O' i3 y0 {4 [    while (tmp.length < 6) tmp = "0"+tmp& g* Q) m$ N1 A" L5 r
           return ((deHex(tmp.substring(0,1)) << 20) +  t7 u" U  h6 a+ W
                   (deHex(tmp.substring(1,2)) << 16) +
1 K% o9 n' R- p( I" J            (deHex(tmp.substring(2,3)) << 12) +
0 b- D( _. N6 }            (deHex(tmp.substring(3,4)) << 8) +9 {3 R0 a" w& O& n6 T* T
            (deHex(tmp.substring(4,5)) << 4) +3 O1 R0 S* Q& n; i9 N* b
                   (deHex(tmp.substring(5,6)))), t% O) l, w2 ]2 t
}
( m5 m. K% ^/ Q& m7 I6 {1 d: q///////////////////Shimmering Links/////////////////////
# ?% |, L% T7 V9 \" C& W//global variables
( }$ K. ^  J0 V  A1 L* ovar hoverColour. w) v8 T% T; }1 ?& x. \9 X
var numLinks;/ Y: E2 [4 E# \, g) m! C
var rate;* q& C: p# f9 N
var numFadeLevels;
3 u- K( S& S0 jvar bgR;9 E- [# |& G+ d/ g  T5 }  l
var bgG;. j7 |  \, Q4 ]* w% e1 a! y2 E
var bgB;
: G4 y* V# A7 B# c( Kvar currR;7 K/ @  f% C$ E  p. V$ C
var currG;8 C; ?: Y6 ]6 P# X
var currB;0 L3 I4 _% G+ T" S
var count;6 C: R; s% A" z4 r
var fadeOut;
' g. W/ D% Y" e$ uvar continuous;
7 d# n% k4 s$ U5 S% x) Dvar newColour;
: c' y2 x4 F7 R" L$ w  Z1 j5 S6 hvar tID;. t  e, S1 P" K
var redInterval;7 P4 l5 D8 W1 x
var greenInterval;# M' n, ?$ a) s& u& L* X
var blueInterval;: a8 e9 b4 v5 ]9 w9 ~
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
5 Q7 S* r: U$ f' D3 m, H{
8 B( f, h' O4 m" k1 \        hoverColour = mouseOverColour;6 f4 H1 K' Y. Y0 y" `
        numLinks = numberOfLinks;
- I: u; _7 ?. I* x3 x        rate = 1;
5 r: g" F/ }8 c& G        numFadeLevels = 30;
1 `! s6 p/ |* \& m        function initArray(theArray, length, val)6 t! P$ ]9 _1 e! k0 J- p
        {- s; r5 `) d  @5 U# u
                for(i=0;i<length;i++)( B! z7 M2 @& z: B" W
                {
, e7 G- i% E1 ?( A: X  J                        theArray = val;3 X1 k3 k8 J# Q6 w5 ^
                }7 K3 G! V! |# M6 a1 Y
        }
! I; G5 s6 G" V- N6 D  J, U        bgR = '0000' + fadeOutColour.substring(1,3)9 m1 ]& h; A/ y
        bgG = '0000' + fadeOutColour.substring(3,5)* I7 R3 J% F0 M+ j
        bgB = '0000' + fadeOutColour.substring(5,7)9 q0 B0 |; ^0 ?
        currR = new Array(numLinks);
/ E! T# ~* X0 h( Z6 Z4 T( ?# l        currG = new Array(numLinks);
& q( b* }& s. ^' m9 M' F        currB = new Array(numLinks);* L+ _( N. m6 I5 O4 {
        count = new Array(numLinks);! h1 j  b) X2 c. m
        fadeOut = new Array(numLinks);
7 I: ?) J8 w* R        continuous = new Array(numLinks);
. x9 d8 P3 X' C5 K0 z        newColour = new Array(numLinks);
: e1 v4 N; x# W  B        tID = new Array(numLinks);. _6 ~5 B, H/ D2 l7 c
        redInterval = toDecimal(bgR) / numFadeLevels;
; B' Y5 ?) G3 Q  p6 q5 g        greenInterval = toDecimal(bgG) / numFadeLevels;
* a; O  P' Q6 o  g$ W8 U& Y        blueInterval = toDecimal(bgB) / numFadeLevels;% x# x  z% l) D: \
        initArray(currR,numLinks,0);6 h) k! n- x# y1 V. ^( T
        initArray(currG,numLinks,0);$ y1 ~1 c' _' }* M0 w0 a
        initArray(currB,numLinks,0);# ^2 N8 w. ?9 ]2 k: f1 p
        initArray(count,numLinks,0);) _; _+ ?6 k) h7 M. O, ]* I
        initArray(fadeOut,numLinks,true);
3 N  S* g+ B- J0 d5 p8 S) k        initArray(continuous,numLinks,true);; [) B- a! F6 O
}       
$ ~1 X# Y% O, B4 k4 lfunction startFade(id)
, b7 q: T# A9 _7 H5 c" u2 v{! j1 N& ?, b( k1 Z( N
        if(fadeOut[id] == true)
# Q( B! o& h/ K. u6 G8 A        { /*move colour towards background colour (increment)*/# M2 Q/ Z( p! `& L
                currR[id] += redInterval;
, e: ~3 E- ^2 @                currG[id] += greenInterval;
% `; a! M9 W0 W( A4 g                currB[id] += blueInterval;, ^9 I; ^9 h( ?6 w2 I
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);4 M* K6 X0 F6 ]/ U8 t
                if(++count[id] == numFadeLevels)
( Y/ ~" x+ Z7 T, `3 [                {
  U3 E, k3 D* @: N/ @, k                        fadeOut[id] = false;
, \4 x! x6 A$ t, m                }( l4 Y, Q2 a! k
        }; \; ^( H' \2 v
        else$ B! v: R  t, V2 D9 R7 I. S
        {$ H* [# P$ _1 {# m9 V% ~) p
                currR[id] -= redInterval;
$ k* y+ M: _4 u
4 T* r8 e4 J& W% F/ A                currG[id] -= greenInterval;8 ~+ X6 U4 U5 I0 I2 [# M! e
3 D9 I# Q0 ?1 ?! j4 y# f# r
                currB[id] -= blueInterval;
0 \( |9 v8 _- x/ C/ q+ k6 g6 C) E) s& u, q* q+ ~! i7 P) D# t
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);, |$ @8 B( ?" {4 H
9 y' g/ G" C+ @7 {
                if(--count[id] == 0)$ a8 H. o3 t6 v7 ?" V3 C
$ @& l1 i% g* z- x
                {
. M- D( O+ t$ Q4 p. [1 R
- P" q+ m" r9 Q) A1 g0 x) A! F; M# w                        fadeOut[id] = true;
" I: x9 Y2 x& x3 ~4 R  h5 n  F. b
. f0 Z' O" x. v" e) P                }
$ A2 t; C- e  m5 u' O( H! l7 a( g; d+ \0 `
        }
/ f8 O; p( K" W% V) T" A. l. Q% w
        if(continuous[id] == true)
, z' e+ v4 a/ p# g! M. k# l$ }/ R( Q/ _# J5 Z' ]
        {
9 _; \' o+ M* H, \, B
- j3 S7 R* @$ Q/ s$ Y                document.getElementById(id).style.color = newColour[id];                " ?+ @" O% b8 ~9 v' v

9 m" W4 L5 N- S  R9 V- [3 [        }
- _5 P$ y9 P# c' Q  |
. r7 J/ H* o% F- h0 e+ B$ m4 a7 @        else
% k  q7 m9 d/ X6 ^( V8 h4 _9 T2 g- D8 t. S8 }* b
        {! b- M/ @% _# G( D; o) e5 N

; f7 b1 y; N" F- Z, x$ {                document.getElementById(id).style.color = hoverColour;
/ _' X% E" }9 Y* h7 }
6 [9 k- S/ \1 K. V, m        }* n  N! c5 @& W' k$ C6 Q5 q  [

' R" A  {+ Q- w& f, Y        clearTimeout(tID[id]);& _# G" i. i5 m3 |" y
  n# |3 J2 l  _1 [. n+ j# h  p8 u
        tID[id]=setTimeout('startFade(' + id + ')', rate);
$ Z8 h7 p9 X  ^+ p) q0 i0 i" r. f
2 [+ V0 F  Z9 F# d# ~2 x! ]% S' D}! `5 S4 \% N; D: N
' Z+ `1 i) D# h$ H5 L. }* z
function continueFade(id)7 c, {8 l! h" P6 e
) c! R  }2 ^. J& d. e
{
' p/ E2 q9 H. D# C- ]+ ^6 w) f2 h" v) b# A1 g
        continuous[id] = true;
! N" r( {  [/ C4 [) W0 k* P
0 r$ E& `0 D0 D' N. W}
0 h  ]( y! k5 s. p! E- V/ v0 x/ n% E2 N9 h" c4 w  z' b5 n
function stopFade(id)
# W1 T7 b$ K% j7 ]8 R& T/ `8 J& F9 a: C
{
$ g' Y  ^. d1 P2 e% I
4 D, R0 ^7 H' G6 V- V        continuous[id] = false;( g/ T5 h# P1 Z0 i. ?/ c2 M

3 ]! O+ n' n$ f+ ]* X8 k}+ L/ Y; i1 y0 g& S; s
+ U/ g0 }$ q6 [5 g$ A  y
function StartTimers()7 ^' x; t8 v! `
. x# g+ J4 ^3 Y9 U* j, @' U) A
{        //set up an initial set of timers to start the shimmering effect- X2 v+ B8 C% o* @6 W& |4 r$ S

+ [# N$ }# f/ s1 o2 L- f        for(id=0; id<numLinks; id++)
7 q2 b; F! V2 ?1 t
- F; l) x6 \# W) s1 U5 X        {
6 o% ^  U6 R' y8 x' v% i5 d; ]. K9 j4 E: ]- I' G4 E
                t=setTimeout('startFade(' + id + ')', id*100);  ?' A) [* t9 x0 O2 C

+ r$ g( d9 w4 a0 d8 T        }
" T. K" ~+ P4 y5 `# R6 S
5 r6 G9 e4 n( _1 k/ [- X! S2 V( u4 {}% {: p: j( `$ E4 D) y' T3 i

  L: W/ S1 a) e6 H# v//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')  R8 A$ D5 o" L8 w! K3 m  W

6 g( k- q0 M% z* |$ BinitLinks('#FF0000', 6, '#FFCC77');- }+ u8 M' i  Q0 M* b: b; S+ {
' m/ F# w; I! D+ |9 m* D
//-->  h7 }# @( O' m3 c9 l6 V# i

4 n5 j1 M: [+ |8 M, ~</script>
! {5 D' `; b! R0 R" a! U* i<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元* M- b' p9 o: W- _8 q% v
</a>9 Z4 e/ O/ N: J9 a+ n
<br>( F% G( d' @7 |6 I' e
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>4 n  z3 c8 L# l6 r# N& z
<br>
& ]. \1 N& B9 X; }; j. O<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>/ _! k" ^# C/ w2 Q# A4 A
<br>        1 {* G2 J+ J6 }4 p7 l, ^2 Y
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
1 y) Q+ ^5 ?/ }- N5 o, A<br>4 y9 E/ J5 ]: u9 `/ A
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
$ U8 d! ~9 @( g" [% B<br>
5 y. Z0 `& _8 k<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
1 E6 o* b) ^1 [" U<script language="javascript" type="text/javascript">& c$ ]) A# _% O* e
<!--' ^" ?5 R+ T5 o; y0 `6 {1 l' ^
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
, i  w4 z& H: S- g% U% r//-->7 a% D* Z  N' G& m1 Z, Z6 r
</script>