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

zw2004

<script language="javascript" type="text/javascript">
' @: p- I9 _* c$ n$ U<!--; ^# i  \2 Z# C/ G3 c
// convert a single digit (0 - 16) into hex
7 V  J" e( V1 y$ Zfunction enHex(aDigit)  }7 o& }( e3 F3 t. L/ |
{8 v- ]3 W. `, T# a
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
# }. s3 I: ~! ^3 j* s5 r) X}4 @8 f7 n* z6 [4 y% L. h
// convert a hex digit into decimal- u/ i3 G6 a: |4 N5 }6 r
function deHex(aDigit)
9 \5 I/ z# e5 s* k! i# r{# h9 ~- b# `! M5 X( d( L$ v
    return("0123456789ABCDEF".indexOf(aDigit))
6 Y; ]4 L+ [5 W7 O  C) d}# \: Z  j# _5 ^( y4 R* j

, ~4 @, V+ G0 ~5 G; T  Y// Convert a 24bit number to hex* d! ^2 h. w% T7 N; r7 O
function toHex(n)4 g/ P7 }2 b7 t* P! Y4 K( c
{9 z) A4 L/ O" m  ^& L. j2 `8 W4 V( `
    return (enHex((0xf00000 & n) >> 20) +
8 _5 ~* U6 p  ]( K6 g1 L            enHex((0x0f0000 & n) >> 16) +
; I4 N) o8 @/ K7 l3 r            enHex((0x00f000 & n) >> 12) +5 s9 s" M& c# ?4 q4 q; U  @
            enHex((0x000f00 & n) >>  8) +
8 n$ U/ Y: S# X            enHex((0x0000f0 & n) >>  4) +$ M: `6 f; o) J/ w& s
            enHex((0x00000f & n) >>  0))
. V  Y, K, O: T5 e9 q. f% L}
4 {' J, e% T3 A5 _" [& s: n! g9 Z// Convert a six character hex to decimal6 @# Y8 ?7 @5 s0 b+ H
function toDecimal(hexNum)7 _1 ~' A# ^" ]+ f+ A
{
0 x4 G" H3 T" {1 `3 @5 T) q           var tmp = ""+hexNum.toUpperCase()6 F- |3 N0 ^& s6 o. Z0 i6 }2 l1 ^
    while (tmp.length < 6) tmp = "0"+tmp
; S  H9 i7 ]1 y  T) w           return ((deHex(tmp.substring(0,1)) << 20) +
' I0 M# G/ O+ z/ N9 K                   (deHex(tmp.substring(1,2)) << 16) + ' |$ c5 r7 M/ S6 M5 E
            (deHex(tmp.substring(2,3)) << 12) +
' H7 @3 h2 R6 b6 ^            (deHex(tmp.substring(3,4)) << 8) +- {+ |& \' h& y  q( f- h8 t- [4 i
            (deHex(tmp.substring(4,5)) << 4) ++ ^9 x/ Y* D: u3 f. J
                   (deHex(tmp.substring(5,6))))8 ^: k) k( M  f; N9 S5 y
}7 B- O& ~! {/ M' I
///////////////////Shimmering Links/////////////////////
6 ?9 I; v8 A/ H& g! |  h: {//global variables
4 G3 K; \% a6 i( n) [var hoverColour7 @$ y' p9 P8 t2 ]1 ~- e
var numLinks;
1 j  J+ ~9 J2 ~/ Svar rate;
0 t* l  _) A6 l3 k7 uvar numFadeLevels;5 _9 l+ `5 u' f* S6 N' k
var bgR;
( u  \9 ~3 g+ M' u! P4 fvar bgG;
) Z$ K5 q% E1 U7 _7 \$ j2 nvar bgB;
, k9 v7 n7 U  tvar currR;
2 e# D# s# e. `- x. M% ^var currG;. A) V0 q/ r; o- p+ @' m/ O0 E
var currB;  S+ O+ @# b) t2 Y: e
var count;* W$ ~% H/ f6 Q" Y0 f
var fadeOut;
. v- }' h0 f/ ~6 P2 g6 cvar continuous;
, j( p  Z) S4 w8 Avar newColour;# i( ^! i$ X9 m5 Z6 {
var tID;
! g2 V' }- q( C* D: Zvar redInterval;
% W! ?" z/ H7 N, H  vvar greenInterval;
# V/ {7 T# s- }: Avar blueInterval;
* E8 u$ @5 s5 }: E: p( a1 D4 hfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)$ t" ~- y/ f, ]+ O: D2 D9 P7 t% q
{
& j7 i$ `1 W. x- |  `        hoverColour = mouseOverColour;
" D2 v+ x& j- F3 T        numLinks = numberOfLinks;
; F: r( a' L1 o        rate = 1;2 w( |) }# A! r& L5 ~) h
        numFadeLevels = 30;8 K9 {' r  A% d
        function initArray(theArray, length, val)) u; U. W3 W: B
        {8 p- S" X& j. y; C; w/ F( ^
                for(i=0;i<length;i++)
+ U) N( `, B& C. f4 O' |                {, Y0 P6 Z" @5 _1 E, Z9 I$ }, J
                        theArray = val;
% d, @4 O" ^6 E4 T: u) ]                }
7 s, D4 R) }( f1 h7 S$ X& Q  j4 W: p' L        }
: E' C9 C5 f8 j6 Z* h' J8 I" w        bgR = '0000' + fadeOutColour.substring(1,3)
$ i# W1 ^" E3 {. `( ~# m        bgG = '0000' + fadeOutColour.substring(3,5)
- e) d6 ], d0 A* l. [        bgB = '0000' + fadeOutColour.substring(5,7)
( o# U) h( q0 W, Z0 h1 A        currR = new Array(numLinks);! l7 H; e0 s/ ?5 R7 b! c& {
        currG = new Array(numLinks);
9 w- j  Y3 T2 E; |        currB = new Array(numLinks);# D- S. ^+ H. A
        count = new Array(numLinks);0 |8 n/ L8 F( e, v7 A9 H
        fadeOut = new Array(numLinks);
# a4 `, j5 N8 a% Z4 d5 W$ E% \        continuous = new Array(numLinks);
! R/ r/ H9 B. {        newColour = new Array(numLinks);# b1 h9 Z- V( |3 G8 u
        tID = new Array(numLinks);
% n1 h2 Q  t3 u  Q        redInterval = toDecimal(bgR) / numFadeLevels;
* i4 A2 N2 O; n2 `6 b        greenInterval = toDecimal(bgG) / numFadeLevels;
3 g9 ]1 O* h9 |+ H. E        blueInterval = toDecimal(bgB) / numFadeLevels;1 R, z! `, T  j; n
        initArray(currR,numLinks,0);
* x8 D; G. `1 `+ [        initArray(currG,numLinks,0);% i$ |: q/ E6 C  K
        initArray(currB,numLinks,0);4 }" {: n3 k1 o, d4 a
        initArray(count,numLinks,0);" b) S2 R* v! I' N
        initArray(fadeOut,numLinks,true);' N# w" h% ]. X( _* K6 e7 P
        initArray(continuous,numLinks,true);
5 ]3 ?' P6 J# }& ]}       
; h, W- D$ N) Q6 T0 dfunction startFade(id)& Z  G  d# b& Z  x; o# c2 r
{
2 ~6 ~; E4 ^# H1 T3 s; T; e        if(fadeOut[id] == true)
: [: R' P% j& M- K" V& l, G        { /*move colour towards background colour (increment)*/
0 I" O& `+ ?; T7 J. y                currR[id] += redInterval;
$ x" i# {9 Q+ I& a                currG[id] += greenInterval;9 E$ @8 j( @* i* L
                currB[id] += blueInterval;
1 l9 `+ I; D# s- g- N9 o2 e                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);2 b  p# K  M7 @
                if(++count[id] == numFadeLevels)
7 a6 {+ s: {  X* ?" L/ @+ ]                {. t" |# L* Q0 v; K& p
                        fadeOut[id] = false;' x2 ~. I& H5 S! _2 [% [- W( I; i4 B
                }
" G0 t6 D9 J# g" Q( v6 @        }0 \) M  \0 J+ ~. K  n
        else# S9 G. u8 @3 Q+ H1 ]( _% [1 e  ?
        {
3 D% `  m( x2 n; g9 `                currR[id] -= redInterval;
- l& Q9 e, b- j1 E/ W6 s4 w' d* U
) W% B! t6 w2 P/ x% V0 z( t                currG[id] -= greenInterval;0 a7 q) r5 w) a& ^, q
' n" ]5 m1 [# @6 m
                currB[id] -= blueInterval;
9 @4 o9 K' U9 o" ?, i9 k/ r  c7 e' O1 }
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
3 S6 Q. a' Q# I% g$ y6 H  V1 ?1 k/ U7 E' h! }0 v, }0 L+ E
                if(--count[id] == 0)
) b1 }- P+ {4 F* c. y4 z3 a
! W& n( i. K2 z, `: @7 R                {
, `1 ~8 f( `* M- \# S
  O: _# U% [5 W! R# d                        fadeOut[id] = true;
' \6 [6 e) [, v0 ?
& F( M% l7 T' m. A" X                }+ c  ~: m7 g( ?, ^. g+ m
5 y+ \& Y: J9 Y% @, e! V# z3 ?
        }
+ h$ @+ ?% ?3 v! a& [$ ^
' X0 G; L. r5 g2 _0 p8 v        if(continuous[id] == true)
7 J5 m  j0 n8 P7 A" d# S/ W
, x8 ?1 v5 H, O4 i# w+ ^        {
8 C4 E- b, U( M) z' W% b9 ]8 T8 D5 W2 t4 B5 m( j; R/ _
                document.getElementById(id).style.color = newColour[id];               
' I7 V! b& ^: E) a6 x7 E: h% @6 j; N4 A  o. U- Y8 `
        }, J, K& t% I% b7 L! n

% |2 a' `% @6 i. g0 x        else
6 Z5 R( C/ R2 c5 V/ e/ r* I0 `
  e' n2 A5 H6 T" l3 S/ \& J0 V        {/ {' H" F; j9 w$ d, p& N

9 r: B2 r$ Y; m* g                document.getElementById(id).style.color = hoverColour;
$ d6 ?4 }% v* B2 |+ T. `# X1 ^* W
        }
' m- a+ y- v  G' i7 \6 r/ i2 N
4 b; G) d8 K4 W! ~        clearTimeout(tID[id]);
  Q" _5 ?4 e" m6 F. m  G7 ~0 d; n+ [/ `
        tID[id]=setTimeout('startFade(' + id + ')', rate);2 X2 d! Q6 v$ s6 O
9 p* ]  n/ t% `8 C, U1 {
}
& Z" d4 u% K( g' a+ f. Y, [+ X0 D  n1 q% N0 \
function continueFade(id)- R6 q2 m( u, T8 I9 ^2 b# s4 v

4 P/ E. ~+ m' v9 Y, X" k& \{5 @% i. P6 S0 k; M/ [6 \
+ x5 h) T! e" c+ n3 O$ _
        continuous[id] = true;0 b) R- B  @: h- `, \
/ A( i/ M/ Q7 x% {. i5 d( s
}+ l4 R  ?  j9 g* u  b
" m9 T8 Q  f, X$ d2 d
function stopFade(id)
4 i3 F  W% y& A3 K0 }# J  Q0 d+ F) L, A& ^
{
! b5 }+ D4 C# F. U( P/ P! C4 E
: K5 e- H/ x8 ^  |/ J        continuous[id] = false;
" C) \0 Z" e6 L! c% l5 r1 P6 _: s9 }
}3 _* a' M2 p( U
1 o" [; R, A! Y* X! A  k2 _
function StartTimers()3 d6 u) [- n% `7 s) a0 C7 A( c8 G

' N/ [! ^6 W8 ~7 G6 A{        //set up an initial set of timers to start the shimmering effect) d' r) }- z- |1 e2 x  Z; ?
  [% U; E: G- W* c% P  P: m4 n6 Q
        for(id=0; id<numLinks; id++)1 {/ S  j) T% o; s, `, r) ^
: f/ m/ l1 ?1 c) _/ W' u5 n- [$ z
        {
3 G) ~$ y6 X* Q' h/ ?0 q4 Q' _) h  d) A# a/ x
                t=setTimeout('startFade(' + id + ')', id*100);" Y8 d: c/ k- w) a6 s
. f8 @/ g- R9 q
        }
- \2 _. g1 M$ L: i* q, H: E* U  ~
}
8 d% K4 L3 i3 F2 Q7 _, q( P
" r1 X- i* k- }& q. x3 Y% {7 M0 |/ u- W: l//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')9 \1 P. q0 t9 o. m$ k, D- R2 Q" e2 t8 e

1 Z8 a" K) @1 e8 n5 T# T/ i) }initLinks('#FF0000', 6, '#FFCC77');2 }) l9 M+ ?3 G" x" F

7 T9 r3 L- \3 W//-->' G& V2 ~& a4 Z- N  ^2 d

% P+ t9 {( n2 Y, \</script>
% {4 v/ H) V  j<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
& V0 t: _6 y8 U  f6 n' J</a>
4 J! m4 O) ?# O( Y* O0 H6 @<br>4 ?: v! _0 s/ r, O9 O! u: v) [
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>( R, s3 e# p/ c5 O, H% Y
<br>' Z: T3 e, K3 {# e0 e& Q8 I8 S! c
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>. l( N  I7 p* q( q9 {; }1 E
<br>        ) j3 Y6 L) B& a5 s( w; a
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
4 A; x: {% \( s, ~6 \<br>
9 K2 [. D0 ~, J# s2 k) a; b% ?* I* C<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
' W# y2 ]6 F3 b! ]% W  y<br>
2 P" y- B: m1 g! {" W5 _' H# U<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
4 J7 q" w$ g# g, j" a3 @6 v/ e<script language="javascript" type="text/javascript">
3 ], U# \' U7 H5 ~<!--- H- w" }- f5 N  f; ^
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
1 ]' U3 r: S+ ]+ e$ a//-->& A% @3 M! ^  S% H
</script>