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

zw2004

<script language="javascript" type="text/javascript">
2 i& e1 Y  }- p7 h: t<!--: z3 W* c: u1 l
// convert a single digit (0 - 16) into hex
' N- ]! u1 S3 U8 G$ sfunction enHex(aDigit)5 t: O" w* o( {* y3 {, F2 F
{" m' u; t# A. P1 k8 ?
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
2 }' q: m2 p2 m}
; B0 D, n2 E3 V+ T// convert a hex digit into decimal
  m+ Z/ \) ?& y2 ]- v, z8 }function deHex(aDigit). N( H- @# y0 ?) S3 i( f
{
9 x8 j6 Z5 |( I* }    return("0123456789ABCDEF".indexOf(aDigit))7 b: {0 d$ ~* W6 y+ G- s- Q9 y' _, _
}
! y! u4 Q4 ?. h4 l3 ]/ l" T# l& ?/ o/ w# k
// Convert a 24bit number to hex
; h" Q' E4 i/ O+ o$ K% x1 K" wfunction toHex(n)- H+ l6 J: M. Z: ~+ Q
{
9 X0 K/ H+ G0 k    return (enHex((0xf00000 & n) >> 20) +
, @: c  T3 I0 c1 C' P! M. x, Z            enHex((0x0f0000 & n) >> 16) +
  r% a, m9 ?# u2 W            enHex((0x00f000 & n) >> 12) +
% v$ p- u' p* ^' H% Q6 \' k! f            enHex((0x000f00 & n) >>  8) +/ l0 F0 J5 Y8 q) P9 D( }+ z
            enHex((0x0000f0 & n) >>  4) +
2 |" F) h1 z6 t& q, ^5 ]/ q            enHex((0x00000f & n) >>  0))
/ e9 }, t7 D# ~}
% l. |# b7 U6 Z8 r) k8 }" }' j# c// Convert a six character hex to decimal
9 u+ Y+ s& K5 a! \6 _2 E. e8 ^: Nfunction toDecimal(hexNum)/ C- @- x/ U5 S  J( j9 m
{0 g; m, Y" k( I' ?
           var tmp = ""+hexNum.toUpperCase()  {( Q+ R$ F4 ~* E5 C
    while (tmp.length < 6) tmp = "0"+tmp2 ^" N( {, }+ b8 p  l
           return ((deHex(tmp.substring(0,1)) << 20) +
2 t+ I  b. F  G  S2 Z' y                   (deHex(tmp.substring(1,2)) << 16) + 5 a5 e1 |/ P$ z+ l  g6 e1 [: E4 L
            (deHex(tmp.substring(2,3)) << 12) +
$ b& ^3 Q' r7 O7 p            (deHex(tmp.substring(3,4)) << 8) +
; |: E5 K  X0 }( H6 z0 k# ]8 N. K            (deHex(tmp.substring(4,5)) << 4) +% ]. Y& |6 T, F. \. k7 R
                   (deHex(tmp.substring(5,6))))
; e2 t+ b/ ]7 }& Z, @% P; [}
* E& u  N, ~. R0 `///////////////////Shimmering Links/////////////////////- q( M" |( d- ^; N) B
//global variables
: ^6 M# Q4 `9 p$ q; Dvar hoverColour; E3 @( w: u8 P& @* a- I! E
var numLinks;
: f- o1 ?5 @/ \* lvar rate;2 q2 T9 N+ q% U
var numFadeLevels;9 E: A. P8 R0 q- k
var bgR;
+ V5 _! H2 E! n) ]6 O# Q5 Y4 pvar bgG;
2 B( B0 q5 W% R5 I0 Gvar bgB;' {0 z0 W) }: P. g( e/ r* {
var currR;. E- O4 p3 J4 s: G
var currG;8 g3 P# ?; x) u2 C
var currB;/ R& t6 @8 X9 @7 h- Q/ J$ J; U
var count;1 I4 f# V/ f# _/ `
var fadeOut;; o. A1 r) m: M; N% ?; n4 B
var continuous;; d" y8 b. p( [
var newColour;2 S; x7 ^% a$ N1 |
var tID;
2 |( {% f; V) S* {: \  b* ovar redInterval;- b% n6 Z1 f$ J5 S5 @
var greenInterval;
/ g, p3 N+ O, h% Y: n) J- L% |var blueInterval;2 ^* m3 C- s! L0 ]' T/ q7 X
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
+ d: x. E, b* c5 q8 @# w% w{  D5 W$ c. I. Z5 q/ u' p
        hoverColour = mouseOverColour;
0 ?3 r( b( \# `* K0 r, m6 f& B        numLinks = numberOfLinks;; {& V# n8 n; \# g3 e- P8 n+ w7 r
        rate = 1;
. U. N; W) a6 r( w1 u, [$ I; T        numFadeLevels = 30;
+ m& P* \0 J- V! z7 F- f        function initArray(theArray, length, val)+ b) D# L0 ]7 ~3 ]6 H& V
        {
/ Y; B/ B/ |% [; l# S& p                for(i=0;i<length;i++)6 \; C; r- o* a
                {( \8 S/ x! e) e) b! D% }
                        theArray = val;$ \/ Z3 T  z3 \
                }/ O7 D/ Q1 ~  n& D/ ^% c
        }
- Z( ]" f0 |: y        bgR = '0000' + fadeOutColour.substring(1,3)% q' h! I8 K7 s6 c: D, r3 q
        bgG = '0000' + fadeOutColour.substring(3,5)& q8 T# C$ ^, E/ T9 i$ N, V
        bgB = '0000' + fadeOutColour.substring(5,7)' A, Q' t5 V( A" y: E- X
        currR = new Array(numLinks);9 x. C; k5 o2 j: M! F+ D  v9 k
        currG = new Array(numLinks);
, b4 k, \% B7 |0 G: @        currB = new Array(numLinks);
; r. a& O- `2 h: p        count = new Array(numLinks);
3 F4 w* }1 t# t        fadeOut = new Array(numLinks);" o6 d$ L- v+ K8 P! ]
        continuous = new Array(numLinks);
/ q/ ^5 s3 s% c( V) E! u% @4 _        newColour = new Array(numLinks);0 g9 n. i0 ]  Z( {  e' R7 |1 `* Z6 s" T
        tID = new Array(numLinks);5 P5 Y4 T8 d# g8 |( C' H. R
        redInterval = toDecimal(bgR) / numFadeLevels;9 I9 O, e' `* p
        greenInterval = toDecimal(bgG) / numFadeLevels;
. k3 A) c, }$ P6 t        blueInterval = toDecimal(bgB) / numFadeLevels;
' I( C0 b1 v0 ~( p        initArray(currR,numLinks,0);
8 `2 W% q$ q6 U" V1 I+ M        initArray(currG,numLinks,0);. y6 |/ h0 x2 T6 N* R! E4 t
        initArray(currB,numLinks,0);
& |/ E- o7 L3 W& X        initArray(count,numLinks,0);" L, s( e, q9 @# c$ ]( g
        initArray(fadeOut,numLinks,true);
: n7 C- |' T' W2 ^& m        initArray(continuous,numLinks,true);
% t. m  K& ^! B) i}       
+ c' i8 N0 ^3 t: {+ yfunction startFade(id)
0 v& A; b5 h, _{: l7 }3 F/ t- G
        if(fadeOut[id] == true)' I, f! {( t/ e2 X& @" |
        { /*move colour towards background colour (increment)*/
# r2 E1 Q7 x" C2 L- @, t9 G6 K+ X, i                currR[id] += redInterval;
- i2 M0 U6 t! r) R7 i6 D1 B# e                currG[id] += greenInterval;" i, \$ ]3 P& `
                currB[id] += blueInterval;
* ?* q1 ^3 f1 i: b; F6 ~! y; f                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
5 N8 a' X9 a) j5 s9 n9 w1 Y                if(++count[id] == numFadeLevels)
- v0 x+ t1 Q/ T' T                {
' X2 e6 Y/ f% |                        fadeOut[id] = false;
) b  G, T2 w0 I0 H( \3 F2 Q- e4 v                }
6 o/ x% K  v8 |# `2 B        }% |5 K' a: Z! N- N
        else; @# i! O1 |$ S% E- Z" N
        {
, p+ B$ q2 W* X8 @! [                currR[id] -= redInterval;7 j, {4 L0 B- D1 G5 O, j1 d2 D  J
0 F2 A$ w! h4 m8 x/ o# Y1 j+ a( j7 y
                currG[id] -= greenInterval;4 f4 Z% r7 h5 m4 R+ j/ A: a5 L! f
* P& M  W; ^. Z% v9 \
                currB[id] -= blueInterval;
4 R" x7 H2 W: m8 Z' [7 ^. x' Z3 O* i9 n8 X
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
" b+ X$ P2 a2 d: @3 o
. t, h* n4 l" F$ a* ]" Z: I                if(--count[id] == 0)
2 ]6 _- h0 U2 f! F; n8 L' n1 C# b9 N6 J5 P9 B
                {4 a6 E/ a8 y# G: _6 ^' h

0 _5 F4 u7 K* N. Y0 z9 d) h                        fadeOut[id] = true;) X; U; ]6 a: z; r

: q7 R' V$ f% g$ D7 V                }7 Q, i7 C* P; `8 M) L  [- ?, K
& A1 q8 K4 H# H& \; Y
        }
; L* V9 A& o9 X- i9 u8 l; z( `8 e- @% C: u
        if(continuous[id] == true)& g8 L5 v: [% l* d: W2 D1 [

) l: P# b( K* H3 \! @" A        {) W7 |( K4 Q2 S7 a: h' T, \- i! p
/ b, q/ A& y. L. I# c$ c% H
                document.getElementById(id).style.color = newColour[id];               
, Q4 M! _; {% n' n* U
3 U9 x- J, |8 r0 @        }
' E( x3 h# @- F' j- v8 C( Z$ t7 D. q* R( }: b& E) U6 f, s
        else+ x* ?1 g2 p: s, U- k6 c' b9 l$ |
% {; G0 k0 J3 B! M; G
        {
- Z% Y3 b8 D. Y8 f/ H) c7 J
1 n0 i" j+ {) l# i/ m                document.getElementById(id).style.color = hoverColour;
4 }# w; X2 N/ R8 d( T/ ]; n8 D5 F, D9 B
        }
! L4 `: K9 V; q- S4 ]
7 ?. Q0 ?+ @2 N, _2 y' t        clearTimeout(tID[id]);
$ ]: G* g, k6 L; P4 J: E4 G+ R! V+ U, E& p
        tID[id]=setTimeout('startFade(' + id + ')', rate);
* n' h' {; N' I! H3 Z
9 Z4 K- o6 E/ ^6 `}& w* \" O2 l8 l1 ~: `+ B
0 S1 H$ w* T" a8 r: i$ M
function continueFade(id)
: T5 R0 I) w: b0 F$ b" W# X3 n7 [8 S" E4 f0 `# _
{+ ~5 X' p" k$ V- t9 D

2 v" ~, ^% t" d7 [5 {1 C8 z/ ~( S        continuous[id] = true;3 z' F# U4 y9 a

+ s( n) d) e3 c) p}! [; p5 R* U* @2 N# k: s1 k
( [) c5 ?* R9 c( L' a& h8 [% }
function stopFade(id)
; `; x+ _5 m9 O- i6 a+ `4 s9 q$ d. s  u9 E$ ^, |0 M
{8 E9 R$ H) x- `: l! X: ~
- C; `& h( y. M0 J
        continuous[id] = false;
, ~3 y- R8 S# }( F* ~+ z& L3 U- ~
}
  @/ P0 s: p. Y7 G+ k1 c2 V+ n
3 E  P' Q8 ]! lfunction StartTimers()4 X. @$ t! U- ^" L: l/ y$ R9 N

4 |2 w# A. K0 Q: J4 H! n! g9 b{        //set up an initial set of timers to start the shimmering effect  u: X% g8 O2 p9 H' K+ V

/ N, f) Y: F( n2 j2 Z- |4 c5 N        for(id=0; id<numLinks; id++)6 _! \# H/ p. s0 i0 n

0 o( |! y3 n/ Y( E9 H        {/ e% i  c% R, O* G& F' l6 q2 }
- v& o( ^+ J' S: O
                t=setTimeout('startFade(' + id + ')', id*100);: `5 l8 j$ C4 K+ [

& S( ~( K7 K+ C/ `+ y5 n        }, ~* D# z5 B) `' p" r( n

( Q% ]/ f0 n% Z, p0 X& H}5 U& v- t; f* Q2 o1 C% G4 ]8 m6 r
4 W6 F, \: p" W# b1 o3 p; O
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')4 M* b7 }/ j4 q0 o1 r: E8 s

; m: Y$ N: B4 I5 m. _4 w" finitLinks('#FF0000', 6, '#FFCC77');2 i2 ?) f- i0 {( W+ Z# y% Z

- ]8 ^; q" e! w9 Y/ R* W& L8 \//-->
$ k6 }5 ?0 p  D  [4 J0 v5 s8 N/ }' n& X3 }% X# W$ {+ s
</script>4 M9 G- A, V% R0 B' O
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
4 V$ X. r3 I8 t; _</a>
/ f- `" Z3 r. b$ K! h) Q6 B& Q, Q3 a<br>
9 j2 j( v2 P1 Z$ g! K  W<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
' q' a, c7 T6 u) m" e! f3 o<br>
: d2 F. D  }! e4 h; U! Q0 f6 B6 J' y<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>+ r$ ]' u5 n, C& K/ s
<br>        9 K! J: I" \; |4 z
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
5 l. O- K1 o* p! t<br>; }$ V, b( f/ Q" h, ]9 V
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
- K0 N6 T* D/ u7 K) l% i7 p' {1 u<br>0 {/ N' r& q/ L) Y- G, M* H* W
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>9 t  H$ u% I+ O8 B# x
<script language="javascript" type="text/javascript">
: S* s$ W1 G- ~& }! i5 K1 r! {<!--
3 O# @! E, e# [" ysetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
. h6 k# i$ M8 Q7 J+ L//-->
* r$ `! K2 ]( G9 b1 X</script>