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

zw2004

<script language="javascript" type="text/javascript">
/ \0 g" |8 }' u/ |* x  K<!--, A8 a2 y6 i9 T# u! j
// convert a single digit (0 - 16) into hex
* O+ a, K( U1 r7 s# E; W7 D. lfunction enHex(aDigit)
9 R( e1 n4 i& _1 E6 g7 }{. S8 U0 e3 O3 i/ I+ \
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))$ q! X) F' y  y3 U# @% j
}) ]: m2 r, t  L4 ~( I' I
// convert a hex digit into decimal2 f7 n* h  ~3 K+ s
function deHex(aDigit)
+ ]5 y& T. O- N; n" j{4 j7 }9 s" j* u) y3 @
    return("0123456789ABCDEF".indexOf(aDigit))
/ D. g/ K6 ~* Y2 A4 o}
$ m7 ~; n) X+ X1 y$ M; T( q7 J! W: p8 J" y2 y6 v) e
// Convert a 24bit number to hex
1 E' `* W1 _5 v- d3 zfunction toHex(n)/ h3 C( ]8 N! J* l) K$ E
{
& U7 t+ _7 w: W% W# m: Q+ w    return (enHex((0xf00000 & n) >> 20) +# Y" ]- u6 S; |; e0 K1 V2 H
            enHex((0x0f0000 & n) >> 16) +
- }1 H  B8 S- T& u& V+ o- b            enHex((0x00f000 & n) >> 12) +
+ @. P4 w, H4 \1 a% c$ p( B- ]            enHex((0x000f00 & n) >>  8) +
# e' z- S" M2 R% _+ ~            enHex((0x0000f0 & n) >>  4) +
" G1 z5 n% ^8 x8 E& I1 V            enHex((0x00000f & n) >>  0))
, o  J/ _  H7 u/ S6 t}
* M  n8 ~- ~* Z( Q$ l+ N1 @( L// Convert a six character hex to decimal3 p, e+ M  d8 B. G
function toDecimal(hexNum)
. V. d8 K- U  ?- |7 r" m; ?9 `- @2 ~2 z{
# P+ h8 R/ e$ V           var tmp = ""+hexNum.toUpperCase()/ O1 a7 P; f: s0 v
    while (tmp.length < 6) tmp = "0"+tmp
9 v* I  P3 V; [7 J1 q* B           return ((deHex(tmp.substring(0,1)) << 20) +) l4 D2 b. f8 X
                   (deHex(tmp.substring(1,2)) << 16) + # @7 o$ Q1 j# y, H& u$ z# y# L: o
            (deHex(tmp.substring(2,3)) << 12) +
/ z0 \! M0 D' e% w2 t            (deHex(tmp.substring(3,4)) << 8) +
% c; a8 O4 N' E+ t            (deHex(tmp.substring(4,5)) << 4) +* C1 Q2 n, I6 A; h
                   (deHex(tmp.substring(5,6))))
# q" L6 E2 G* {0 ?7 F* ^# m}
- I7 b- {3 g( ?2 h! o9 [///////////////////Shimmering Links/////////////////////  q& k- m5 }! {2 ^  q7 S
//global variables6 C3 n4 _  f* Y9 y
var hoverColour
2 ~1 E8 E4 ^/ J- L* Bvar numLinks;6 E6 z2 w; C7 J+ B% \2 ~4 \, g
var rate;+ ~; A  K8 Q( B% M8 o  \6 K& ]) V7 m
var numFadeLevels;) U: k, w5 X# E
var bgR;
  D3 k0 `! K, [, E- ^var bgG;
7 ?4 r3 ]8 {+ d6 O7 zvar bgB;
/ h9 U& U7 C+ h3 N3 o5 {$ ]var currR;
) Z+ n( H: w3 X8 d( _# G  ^9 U7 y2 Hvar currG;2 D: U0 s% [. i0 F: d* ]
var currB;
7 y; q1 W% S6 q. kvar count;
7 o0 |+ @1 {- l. `$ N! J$ c; q4 vvar fadeOut;
3 u2 [. Q8 g% [! W& ]" hvar continuous;
5 D4 B0 q. i7 {& Bvar newColour;8 n( E$ B% P' @! V0 b
var tID;- |# X* s" n( ~1 m2 f
var redInterval;
7 \. g. x+ j2 p; P& D, T' D# zvar greenInterval;" [# k! s. n, x& _
var blueInterval;
, D3 c! {# D" W7 X) nfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)7 F3 Q0 O. ~) ~" C) O9 v2 t  c+ g
{
: G5 I' P; }  i8 M; S+ C        hoverColour = mouseOverColour;
) j1 J/ D; x& m+ F        numLinks = numberOfLinks;* [: s0 H# m0 b8 }* b2 Z# }
        rate = 1;; g7 m* t" G( k8 V
        numFadeLevels = 30;7 Z) o& t: c  Z, ~. ?+ Q
        function initArray(theArray, length, val)
% _( S# V( O3 M9 T        {2 z! m3 I3 P, X9 ^" u
                for(i=0;i<length;i++)2 ~* j$ `& r2 q. l1 e  G* H* s
                {
" ?9 `: F5 L; `+ l4 E: M! u' C                        theArray = val;
" R1 Y" }$ F" `% |* C" \" a8 E* F  `                }6 l* h3 g* H; T
        }
" U2 }# f2 [0 I' J        bgR = '0000' + fadeOutColour.substring(1,3)
( Q# f  w/ F7 c8 T3 ?6 V        bgG = '0000' + fadeOutColour.substring(3,5)1 X# S4 E7 c6 L6 e1 c; Q  Z
        bgB = '0000' + fadeOutColour.substring(5,7)( k- r2 m/ E% ?) M+ T0 ~4 D1 ^: d
        currR = new Array(numLinks);
: B2 T$ l6 ?! Z  B( a" |        currG = new Array(numLinks);
( o8 u! H: Y0 u/ X3 T# I        currB = new Array(numLinks);
% U9 U7 c/ c) o2 N# A8 ]9 X% v7 ]        count = new Array(numLinks);  V  C2 |  K' {7 {  m7 u' D0 u
        fadeOut = new Array(numLinks);
& u2 X! @/ a7 H& ^" D        continuous = new Array(numLinks);
; X- D3 ]" C7 o& D; {        newColour = new Array(numLinks);
/ p" Q# o- k: C4 z/ J        tID = new Array(numLinks);. B; r9 f- e. B6 x! }# j
        redInterval = toDecimal(bgR) / numFadeLevels;
0 g: d1 U+ K7 o' x, R1 t. z        greenInterval = toDecimal(bgG) / numFadeLevels;
* @! y$ s# R' H; v        blueInterval = toDecimal(bgB) / numFadeLevels;2 N. ^2 _3 x" p: y( m7 T( P8 P
        initArray(currR,numLinks,0);$ R8 Z  n8 S6 g
        initArray(currG,numLinks,0);8 e0 f! a% n( M& M& G+ a: P
        initArray(currB,numLinks,0);
3 @8 Q" s0 w  ]6 a8 N2 ]7 O        initArray(count,numLinks,0);
& ^# a3 V/ X6 K- z- o        initArray(fadeOut,numLinks,true);+ e* S7 U, }( _" a
        initArray(continuous,numLinks,true);9 a3 b  h& K- A! }, q
}        % j7 g( T! r; ^, K. ^
function startFade(id)9 x  L' q, Q6 J  h2 s+ {4 O
{
$ r; o2 b/ S5 I# z; Q+ N' _        if(fadeOut[id] == true)- @0 g5 R9 v6 n( A4 }
        { /*move colour towards background colour (increment)*/
6 N) t3 ^. N3 x' j! |* p, x, D                currR[id] += redInterval;- }+ p; I& m0 Y, H4 s0 u
                currG[id] += greenInterval;$ B* \9 P# T, V1 z3 I
                currB[id] += blueInterval;
* Q0 C+ b/ e8 H2 R5 h9 I7 F                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);" Z6 j. [+ |  w5 y0 N2 [
                if(++count[id] == numFadeLevels)
" k8 _7 k6 ~3 P. P- X                {
; C6 Y$ Z1 ^* J/ u                        fadeOut[id] = false;
$ M6 v, e/ {% Z: ~; \: p1 {8 |                }
! U( k% F' U, t' c# W" X        }9 H) s  P9 P3 q) e6 B6 O
        else
8 c; B, M4 r2 f        {. V' ^( g- y, u4 n: v( I6 {# v
                currR[id] -= redInterval;  v  C4 j1 K3 g; @: L, g$ j
8 d5 F" `+ u3 e6 _
                currG[id] -= greenInterval;
& r8 [2 N7 o3 o
( z& a# u+ z9 S2 S/ b                currB[id] -= blueInterval;+ P5 ^) J" H% P- G5 b% T# j

% P0 `& [; b8 [7 U( [                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);& z3 c1 a2 I" T2 X* Y* y

" J/ n- R1 {) H$ k+ C3 }                if(--count[id] == 0)8 [$ g6 S3 S0 ~" d% L6 C# |

2 J/ {! T* B: c                {
. c. d- P' H( m8 P' a5 S5 B+ q8 {* w2 f+ a: m  f0 d& W
                        fadeOut[id] = true;9 E$ x: N$ ^( J& X/ d

- B. c$ p& k: Y9 s$ t; b9 {8 B                }
4 R5 ^, P3 n, i$ H& V4 O
0 Z: u! l$ U% E' A! G0 [/ c: D        }' M$ D7 x$ ^8 w, v# V7 _$ R' u

. k2 m: P2 g2 y# S        if(continuous[id] == true)
$ S# @2 M1 v$ `: L3 u
0 V+ K) [9 k. [  U        {
9 I  x; \' e% y! q/ D* ^5 h, T2 h( o
                document.getElementById(id).style.color = newColour[id];               
1 ^$ I$ ^& q  l7 @
8 }5 Y+ |3 v  m0 M8 U/ V        }
4 ?5 \6 k* V8 G- l
1 P5 r" K$ R9 n) D- s        else9 c) y  ?1 M% J, \
7 K/ t) ?. p: K+ Z
        {+ ~# W) B3 k5 N% [5 g3 z
% _4 N: |  ~1 @) `
                document.getElementById(id).style.color = hoverColour;4 K( b) Q; p9 T

% p& P) ]5 O; Z2 o        }
# u. l! ~/ [4 ]. y$ x
! e. k9 h7 {' E6 v0 m" [5 G: g# }" K        clearTimeout(tID[id]);" u( `3 }+ C( K6 d/ V/ K3 H
% Z2 y+ B) c( C5 s+ ?+ r0 q6 N
        tID[id]=setTimeout('startFade(' + id + ')', rate);
2 F4 f4 {! C( _* t$ H
( [* P: h5 W0 S$ z1 L8 Q- q}5 R" }* M% b7 g( _; N: A! w

# X! e0 ~2 M9 P  S0 n9 s3 }% W; nfunction continueFade(id)
# [- M- S5 Z4 m8 t$ d
9 R0 s4 K% t( \" P1 x{1 G" ^* ?- H* u+ N
8 Q6 C: f" A* Q( Z, b  ?
        continuous[id] = true;
! `  s: Y6 R* }5 n" {/ ]& d8 G3 R  i- R$ l* @; ~  o
}  {" @/ @8 P% V( U0 ~) B: l

" K: @, Y$ h+ \* T$ H- Dfunction stopFade(id)
2 ?3 T( i2 f+ x0 t9 }/ N8 ~! _8 Q) H: e# h) ?, ^
{
% |) X. u" O' A7 a, w9 x4 g( X7 m, |! j" @
        continuous[id] = false;
7 D" o( I8 o0 ?" ^# g) K) N9 K/ ^! @, y1 x6 G( N6 x5 K# G* H- d
}6 w) Z; g* f8 d, w$ K  H" ?  d

; c! _  }' ^% Q; Cfunction StartTimers()+ Q7 n% n3 F2 ^/ J8 ?
( N4 ?# R; ]/ z# k- f
{        //set up an initial set of timers to start the shimmering effect
, c+ H  U  `7 Q8 f* [3 |. O/ r
/ [9 M* ^7 T" e6 t        for(id=0; id<numLinks; id++)9 t) e3 k( l1 g8 n

3 P% m$ K) ^/ Q7 y: C0 D7 R0 a8 _        {5 m! L1 e3 M: }+ @* d
! n$ }8 W6 x: g9 R6 N( _
                t=setTimeout('startFade(' + id + ')', id*100);% |' e" r* A. U+ E8 L' p4 t

3 ]9 ^  Q, @$ _( \        }1 ~7 @7 A3 E6 x0 ]+ n' C' C& r
1 D0 A7 Y) M7 n1 n
}
0 C0 R9 h& v$ F
0 e+ U) O3 y5 v1 T) Q; I5 v//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
( V$ Z& E& f, l0 G, [' F* v: z+ \
initLinks('#FF0000', 6, '#FFCC77');6 Q6 A4 \6 `. a3 r  C+ l  ~! D/ C

% O, u# ~- c  n' H8 ]* F//-->
5 p* t1 M0 X: C3 s/ W2 _- `
% D: `0 V: ], b  ^1 x  ^</script>
: Z# K9 s0 x2 k6 i/ @5 `! Z<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元# O  t( t$ Q% M
</a>
+ K$ v- W. b  ~0 S0 V<br>
/ A! w7 O5 t5 ~9 b* `2 ]<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
! h% F; }4 @" M2 ~% S8 A9 P<br>. B- K* ~  a( y3 E8 `7 r# b1 _
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>! Z4 O, R7 d( a0 N+ \
<br>        & g* D" n3 l4 d2 S
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
) T8 m, t) H( p# S2 r' X5 ~: g- h<br>; u& v% a) d: j' \( v$ `. P
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>, ~6 @7 u& t: w9 T; A
<br>. p" _  l. ~  R  ]
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
; R- x5 s0 F8 M" ~; n<script language="javascript" type="text/javascript">
/ P: G) L& I! d<!--
& M  `1 u3 c7 O( r2 xsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
3 r+ x) I8 ~' f" X' P/ R6 Z//-->3 l. A0 E6 N/ q) [$ t/ x
</script>