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

zw2004

<script language="javascript" type="text/javascript">6 ]* l2 D" V5 E6 v& f
<!--
6 f, q3 p8 T) n) G) s// convert a single digit (0 - 16) into hex
- d! R, W2 Z5 I7 r' C4 p* C2 Sfunction enHex(aDigit)6 ]* Q; E5 n' T4 ^: c3 o6 T( B
{9 k& v$ k" J0 y/ @
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))) D" X8 f: q  \* h
}
& W! {) A; T2 o# n9 D// convert a hex digit into decimal1 S3 q3 n2 S) X- m' i  {- C- D
function deHex(aDigit)3 `& |) f; L3 @# o7 t' m/ M
{0 H& Y" t. k* x  w( r
    return("0123456789ABCDEF".indexOf(aDigit))4 ^/ Y. o! i5 i
}6 K- i  r" F' z. s- @
% Y. z* J( R" l
// Convert a 24bit number to hex
0 b5 [" n% e0 z( D% `  g5 x  Mfunction toHex(n)& Z! c9 V: e8 F
{6 V9 [( Z/ t3 g0 |1 D5 r6 e1 j" O
    return (enHex((0xf00000 & n) >> 20) +
( z4 @# k- r' j$ [( q' z            enHex((0x0f0000 & n) >> 16) +
) W! Z" f. o# R! R7 s            enHex((0x00f000 & n) >> 12) +: _+ N3 R1 l0 T/ C- ~
            enHex((0x000f00 & n) >>  8) +" s# v) H; q9 N: ^
            enHex((0x0000f0 & n) >>  4) +# S. ^$ s6 W$ Q/ W7 q' ]5 P+ O% j
            enHex((0x00000f & n) >>  0))
  a* @7 A+ I" ?" d}
# J( D/ J2 v" J# m; x; q// Convert a six character hex to decimal" l1 D& z, b  `# G' s
function toDecimal(hexNum)
+ A  D0 g4 ^  B{
8 G% U( e/ f" I4 I! K* G; O' n           var tmp = ""+hexNum.toUpperCase()5 |5 u, h, c6 c* B  X/ k7 B
    while (tmp.length < 6) tmp = "0"+tmp
9 i9 y6 f- s; I4 j/ _           return ((deHex(tmp.substring(0,1)) << 20) +: o( j9 L+ U3 _9 ^
                   (deHex(tmp.substring(1,2)) << 16) +
: C# a0 p/ h8 @# c; a2 Z            (deHex(tmp.substring(2,3)) << 12) +
8 c9 x1 `/ T6 }% g" f+ ~0 i( d            (deHex(tmp.substring(3,4)) << 8) +
6 N& w* v" a8 b& |; U/ b            (deHex(tmp.substring(4,5)) << 4) +
) V- g% R& q- ~$ t                   (deHex(tmp.substring(5,6))))1 X/ ~; J8 z- u" s% O
}- U4 ?4 g' ~  D
///////////////////Shimmering Links/////////////////////9 X! I# X" d& i0 M6 G
//global variables+ s  y1 Z5 \5 C3 U+ b5 H3 }
var hoverColour
# H5 G4 o9 h( A3 Q2 g" yvar numLinks;# E2 {' K7 I8 Y& @# T# ?
var rate;- n2 X8 ~  X1 f
var numFadeLevels;
) a9 ~. Q0 P4 e) z% o! b. ^( d4 hvar bgR;
& u' p. y% G8 G, {2 Yvar bgG;6 D- e$ H0 b7 p4 o8 ~) k
var bgB;+ {. @- W8 A  h3 _  _7 J
var currR;
+ V& W1 {: w& ?* o) P3 Lvar currG;$ h+ F; g- x4 b. b2 C
var currB;  J" y: T4 [7 Q
var count;0 [5 _- i6 R# i: Z0 I+ u+ V
var fadeOut;" E& Y' {, q& b( A7 c
var continuous;# M& D0 H/ C" @! k
var newColour;
6 e$ E4 t4 q3 {4 o1 kvar tID;$ o4 T6 x' K2 `* u& B( S
var redInterval;
: G; Q) O: N0 i" Tvar greenInterval;  I% r2 G5 E; y, p- w7 u8 M! h
var blueInterval;
  L% O# s. g* g8 a- a9 \1 Rfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
! k  V" K2 H& g& z) V# q# u- `: y9 N{) {9 z) a2 X( y# ]* Q0 ]2 \
        hoverColour = mouseOverColour;
& m  A  h9 l3 W6 C        numLinks = numberOfLinks;6 [- u5 F/ P3 x" E4 T3 h
        rate = 1;3 f9 s$ b7 Q$ P4 u2 V  ]
        numFadeLevels = 30;
" @9 U0 z5 d4 k1 M/ y/ w# u        function initArray(theArray, length, val)8 x4 S% G) J: p# |- v) \
        {
3 s% r3 D- c( M0 F                for(i=0;i<length;i++)9 m' t, {# E4 {0 S/ y
                {
1 k7 Y- r* @8 [: m0 m; T7 E  L                        theArray = val;: z& n/ @7 o* @
                }) @' o( L; [# g* T; o
        }1 _0 ]8 a5 e) @5 k& N% G. S: n
        bgR = '0000' + fadeOutColour.substring(1,3); \; [! i! A8 O9 I! K  U* R; \
        bgG = '0000' + fadeOutColour.substring(3,5)
0 ^& x0 Z9 k% c5 H0 _5 W        bgB = '0000' + fadeOutColour.substring(5,7)
- _5 D$ l: k+ p7 O2 H# X        currR = new Array(numLinks);
' t2 A( J5 I( S  v        currG = new Array(numLinks);/ v) ?, g8 T% S6 j& ?
        currB = new Array(numLinks);
( \9 X) j) B- Y" E# E! r2 f/ U# u9 ^        count = new Array(numLinks);0 `: d& Y4 S+ k# u, r0 N' z
        fadeOut = new Array(numLinks);/ H* O# t" a. ]/ f0 Z
        continuous = new Array(numLinks);
( ?8 f4 ]) y8 ?: x( d' B3 g' [  O        newColour = new Array(numLinks);
+ I9 _) X9 Z3 W) v        tID = new Array(numLinks);9 O6 ]9 d% L! S" n
        redInterval = toDecimal(bgR) / numFadeLevels;( L( B; G* s) {+ k: R
        greenInterval = toDecimal(bgG) / numFadeLevels;* a$ T: [0 L' ~8 Q" `& k
        blueInterval = toDecimal(bgB) / numFadeLevels;
3 z& i9 f2 t& e. V; l8 _        initArray(currR,numLinks,0);8 @0 f& V2 F' p1 {$ G
        initArray(currG,numLinks,0);
: \; V0 k  i! W# v        initArray(currB,numLinks,0);; t# J$ e0 Y9 a' c4 t
        initArray(count,numLinks,0);4 q' n2 e% ^9 t; Y3 P. F
        initArray(fadeOut,numLinks,true);' n7 C- y) X+ L$ {: Q2 w( J2 X
        initArray(continuous,numLinks,true);
/ A/ E1 u# T* E6 U! J# o7 c}       
( h8 v' S& |( m1 e1 \- m2 z8 m% Ffunction startFade(id)$ R5 I5 t- j$ ]3 Q2 F# A# b
{
' e8 Y8 Y: |  T4 c0 Q        if(fadeOut[id] == true)* q$ s; f. D0 }9 S. s* F5 r
        { /*move colour towards background colour (increment)*/" C9 A) m' N, S) Q
                currR[id] += redInterval;* D0 K: a+ ?" T& w
                currG[id] += greenInterval;
/ r! }- R/ ]0 I. k! d$ G                currB[id] += blueInterval;
. _( a4 Z$ \) I6 _+ N                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
* ?- T& l7 O! H+ L" h  K                if(++count[id] == numFadeLevels)# o& A. B$ f7 H' _" q$ I
                {
' B' B7 @2 D- q                        fadeOut[id] = false;
& W. d; N$ `2 P' a3 f. \4 r                }
% `- U- T& s" j& L        }
, f$ ~$ _* [. I: L9 w* o/ }+ R, T6 l+ M        else
; j2 g" e' {& L. l' \        {0 @' Z% f' c0 V- x: f( q. O
                currR[id] -= redInterval;: ?& T; A" k% M. g; x
0 D) c, d! [0 t
                currG[id] -= greenInterval;
& u/ R4 v. \3 R; I( y$ a6 J. ~% O2 ^" ~( A" s
                currB[id] -= blueInterval;  k- M% @& b& R' P

7 T7 z; i1 a4 H, _" x: B* R) a- Q                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);; n6 H- L" [% N6 i: U9 ^' Q3 |
+ f1 U7 m( D% m0 ~
                if(--count[id] == 0)& d' C8 H% Z5 C3 j1 t

! o( ^; S5 {- w# F; ^- I                {8 k0 S6 X0 Y- z& x4 B8 ?2 O
; _+ s; Q' _+ M' a
                        fadeOut[id] = true;7 w/ `8 |0 G+ X( e( J. \
2 {( |, Q% I( L/ j6 o# X: Z
                }5 u5 \9 s  C- L* t$ e. s
: E9 W/ j# W! M# ?- K
        }
3 p2 H- R. m6 `; ]$ Y1 D0 `) y0 {7 q4 C1 Q% K% ]6 T; w
        if(continuous[id] == true)
% G4 u- j3 ^2 I: J. N
* x; E. T4 k9 u        {
; ~, d4 N/ A4 x9 Z, c/ Y  A
  z8 O# g9 L2 ^* q                document.getElementById(id).style.color = newColour[id];                / ?/ ?( W: ~4 ], R/ V  N- {; O$ X

- A/ X* o. O  q8 @        }) Y1 R+ |6 y1 P, n9 A8 ~9 {
% c# K  \) \5 m& O1 |
        else
" b$ i6 `" ]" v2 ]& E* x; m6 K/ o; [4 v: e/ F. P
        {4 [- K: D7 w- Y) x
. P+ c  |8 Q& H" Z6 ]: o
                document.getElementById(id).style.color = hoverColour;$ i6 i. X; A! u4 J7 X* O

! b9 U& m$ E" Q* X. x        }7 {+ j+ x" n+ h+ d& @4 C) B
$ d: p* p5 Z, b/ ^+ j" {- Z' n
        clearTimeout(tID[id]);
. Y8 J  S0 |( _7 l6 c) I6 z, q7 U% s' }. Z! E; u% s/ k4 l/ p
        tID[id]=setTimeout('startFade(' + id + ')', rate);
  P- O7 \' Y( ?: Q% k. D$ d2 W, R
8 b* i& C& p3 ^  y/ {}
" s# l; d) Z& @! L) c7 e* s  B
4 b: m8 G. ^: O* dfunction continueFade(id)
2 F# r( X8 F. g9 ^/ @/ A6 ?0 X3 I: R
{8 |) j/ z: J2 V; R

' y$ [. W( N2 z0 F        continuous[id] = true;3 W# k+ p1 t; t. G) L$ r; w, f

% V% D/ ]' a1 n! r# M}
# ~1 j4 S/ G- G
; l9 b0 D/ @1 l) `  Efunction stopFade(id)- D! R9 S% I  D2 ?4 C

0 o, _( ]/ h1 \4 b{( a* N& G& ~6 H
8 E" m" l% X6 q7 S
        continuous[id] = false;
5 F. W# z& E$ d+ }. o# y4 c5 ~0 S' P& F- J- ^7 \1 ^6 U& l! X; B$ x
}3 N# q/ `0 [6 t+ R4 S, t

8 v; X5 _, s& x/ n. Bfunction StartTimers(): p% h0 l. w' L) G# P% I
# O% Y9 u; V9 G5 |+ q
{        //set up an initial set of timers to start the shimmering effect/ g1 @2 f- N: J  k. R( R8 @2 P

5 h, i" P- s2 ?' h3 _; f. I        for(id=0; id<numLinks; id++)
  L* L2 V1 U& I& ^! N; ?
! t; }& h* V1 M  ^! K' p        {
; h! g5 ^  ?/ s3 e* m  h
& M) I$ m/ k' t6 h" @- x( R9 v                t=setTimeout('startFade(' + id + ')', id*100);3 x; `* \4 R/ |

# `' R% ~! ~0 z+ D8 M* f/ i5 B8 s        }9 W: D6 a& c( M4 z& p' g/ y: o
8 E/ B3 v8 N& }
}$ F9 b' O6 z- ^" C8 k/ @

! O/ O+ _+ w. Q9 I* U5 S4 X) r//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')4 u% P0 T7 b5 P
% K7 z& b; q6 O/ ~4 R* T) i! Q
initLinks('#FF0000', 6, '#FFCC77');
  n7 Y) x' M, T  b
: z& s" `( u. D/ e//-->5 I! t- i& X4 _; w2 M# q6 V( `

% `5 _5 V. U$ I% ^* E. b2 n& t6 A</script>
# v0 Y9 P- e$ a0 t" I9 _9 L<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元  K% m5 E4 j* Z! |# g0 |8 ~. G
</a>
* S' B5 Z0 ?3 I% [" K<br>, G' U6 b2 C0 l
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
  |8 i# l# G4 _6 G: F3 d( V% r+ ~( ]* v<br>$ N& x4 C( V3 Y  c
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>' d( r; e$ M' X
<br>        9 b- i( f" c" b& Y0 Y
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>* I/ f" W/ @2 r8 C4 F: ]+ T
<br>. t% M, B* V( {$ L
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
6 v, l4 h* p: e2 T<br>
1 _+ Y2 U0 z: `+ P7 q# }<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>0 L6 X& e5 ]9 B" ^* K* B8 C
<script language="javascript" type="text/javascript">
. w, D$ h' f5 l  {8 }. a  ~<!--
' v+ O1 [; t3 n+ csetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering4 L  x9 P. I0 `1 c) j* ?8 J6 F0 ?5 G
//-->, F! F) i5 T5 v5 F4 @
</script>