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

zw2004

<script language="javascript" type="text/javascript">- r0 o7 n. ~" @+ T  N4 _
<!--) p- d3 d# c- j( D1 r$ C
// convert a single digit (0 - 16) into hex. _" Z' ?+ M( l2 ]( W
function enHex(aDigit)" d9 Z) ~' H2 U4 I$ d
{
# Z4 s: \6 X' \4 T  H7 ^/ A    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
" b8 s: N) _) f  l8 w. R( e; s}6 z) O& }" L. ?" F2 }& E
// convert a hex digit into decimal$ G0 X" d! ~, R% w, p# T! s
function deHex(aDigit)
: I, w; m9 F' j( Z5 U{& `; ^2 M$ x3 o0 y: V5 |
    return("0123456789ABCDEF".indexOf(aDigit))8 A0 n( Q0 R. b/ S; G# {
}) q5 p5 V; Y# A$ {: }/ W4 J8 s* E
, q! i% B2 ^4 @+ p5 V" [
// Convert a 24bit number to hex
: Y% a: t) x1 a9 t' L5 V5 Gfunction toHex(n)
  s3 U" S" p: V{
" f' o) [6 r. ?1 x7 n' q2 }9 T+ ~1 D, p    return (enHex((0xf00000 & n) >> 20) +, C6 w8 Q: t' s! q* ^- T
            enHex((0x0f0000 & n) >> 16) +' F% A  A, j. ]. Z2 f+ p
            enHex((0x00f000 & n) >> 12) +
% t; H  A7 A  u4 r9 y  N" z5 O            enHex((0x000f00 & n) >>  8) +
6 u4 w$ `6 @( ]3 f            enHex((0x0000f0 & n) >>  4) +; [# B7 N, q) t: s0 r9 f. l
            enHex((0x00000f & n) >>  0))
2 r6 x1 l* s8 F7 C; E. b, {* A}
( _$ X. o4 K( {# S9 J' A1 w// Convert a six character hex to decimal
) O' X9 ?& U* F0 f5 `5 ?function toDecimal(hexNum): X0 B# A$ v& A0 p
{
; h$ I) U/ ^3 ?! v! O( k* N, Y           var tmp = ""+hexNum.toUpperCase()
7 p; L8 v  h% c2 j4 d2 l    while (tmp.length < 6) tmp = "0"+tmp+ ^& U& I2 j: g3 N0 I
           return ((deHex(tmp.substring(0,1)) << 20) +
1 j: k) |% f0 ]- r# v) ~3 x                   (deHex(tmp.substring(1,2)) << 16) +
: w. q4 V0 Z% H7 f            (deHex(tmp.substring(2,3)) << 12) +
, H* _7 q; o" z/ `            (deHex(tmp.substring(3,4)) << 8) +
/ Y! d; K/ Z- L8 m' H- t; i            (deHex(tmp.substring(4,5)) << 4) +% V& y7 ?5 h' }/ f: @. p% @
                   (deHex(tmp.substring(5,6))))/ {4 i4 I# i! m  s
}. R1 V$ z& `: @; n
///////////////////Shimmering Links/////////////////////
" W6 S$ Y6 f) m- _+ L3 v6 w- R//global variables
! B( w: w6 Z+ u9 K# \* @var hoverColour2 g! e4 M; ?  X" m- p# N
var numLinks;
# ?( B: p1 Y, W$ Dvar rate;
: ]; p. G. V) |. r( g4 P0 v5 Qvar numFadeLevels;" p: Q; ]/ ^; c. Y& W  C
var bgR;
  d! Q) ?7 C: d* X; E+ B) N$ z; Fvar bgG;' F3 e+ c  [  |' v* a9 J! {
var bgB;; p* a; U- Z7 p' `  S8 e% w% Y1 i
var currR;% S# z# n2 y% ~$ S/ w7 c3 N3 T
var currG;$ R, A8 F0 }, }( P4 g* }
var currB;* }0 U5 T3 D& E& x" i- L- ^; y
var count;
* k- P) {1 P5 `var fadeOut;
. T! R' P4 ]0 v% d% rvar continuous;  M( O  {# X% y9 I4 s" Q
var newColour;
8 G' l7 O- F% H/ x5 ~var tID;
; s0 ^2 a5 l) {! avar redInterval;6 u* F4 X! |$ b1 B
var greenInterval;9 w0 i! l  z  }
var blueInterval;
$ M0 n# A3 ~" _5 Ofunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
8 i0 v( l: @1 i{1 R! m5 i4 K  D1 O4 Q1 t  x# d
        hoverColour = mouseOverColour;' k; }7 i, o9 H7 G* L9 u7 N
        numLinks = numberOfLinks;$ w" F% q  A. M& s. m% q2 X
        rate = 1;
$ N) b. L- r) q* c        numFadeLevels = 30;
- i$ j3 }4 t- P( j% L        function initArray(theArray, length, val)/ i9 V+ S3 |! O* e0 s% _! ~1 y
        {9 u8 }. Y* R  L  m* z6 t. d
                for(i=0;i<length;i++)4 X2 [3 J. Y* d! J4 e- S# w
                {
) Q( E8 N* H8 R  @                        theArray = val;
+ `) Y  m5 G2 A7 K7 _                }
: u1 |) `* i+ e1 W, p        }8 f4 W- y1 ]9 ?& K3 I' i5 e% ?
        bgR = '0000' + fadeOutColour.substring(1,3)8 W& v' Q! N; Y' v
        bgG = '0000' + fadeOutColour.substring(3,5)) x$ E' m! |1 ~% w1 t  z3 \' h
        bgB = '0000' + fadeOutColour.substring(5,7)# k7 v- E* B3 `6 M3 w1 a
        currR = new Array(numLinks);. ?7 l4 ]) n6 G
        currG = new Array(numLinks);2 v( @8 _9 @: G! A! o/ X; O+ G
        currB = new Array(numLinks);
: X7 ^0 |- Z4 S( {8 F        count = new Array(numLinks);
1 d6 C7 p& p: Q; v        fadeOut = new Array(numLinks);" f1 K  n2 U; k; A2 e. Y; v
        continuous = new Array(numLinks);; w' x! F, E  w, O# x4 z
        newColour = new Array(numLinks);
# P. V* P0 W6 j! N        tID = new Array(numLinks);- P: i0 Z5 H/ b& j# B( D2 r
        redInterval = toDecimal(bgR) / numFadeLevels;3 t: U1 Y5 U1 }+ j% c; p! a
        greenInterval = toDecimal(bgG) / numFadeLevels;
) O. Y5 m9 M# Y+ Z        blueInterval = toDecimal(bgB) / numFadeLevels;) L% u' M2 D9 ~& Y5 d0 @
        initArray(currR,numLinks,0);2 ^' |+ A9 X& x! v( F; p: M. P
        initArray(currG,numLinks,0);- o$ x& ^0 n/ L  w, b8 `
        initArray(currB,numLinks,0);+ I' l6 |6 Z; o5 |0 v
        initArray(count,numLinks,0);6 D) \1 @" I% ^% z& [3 I0 Q! k& }
        initArray(fadeOut,numLinks,true);  A/ U, |/ R1 q' j% \
        initArray(continuous,numLinks,true);
: v6 D* w5 v# p( L2 H; h}       
+ u% P3 w! _' K" {; p$ Ofunction startFade(id)7 B9 [6 n; G+ o5 Y/ N( H0 M/ u3 U
{
- i6 d! `& B, A) i        if(fadeOut[id] == true)
3 a4 ~/ g7 S" s# a  n. h8 y        { /*move colour towards background colour (increment)*/
0 k3 ~; g2 A" k( d: f6 \                currR[id] += redInterval;# l# y& U2 b8 b4 x' D* Z0 z# [/ n
                currG[id] += greenInterval;3 l- v% r/ Z% h4 u% I
                currB[id] += blueInterval;. I2 Z' y$ s7 w: S( [7 }
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);* o/ C) s" K' a  Y5 \
                if(++count[id] == numFadeLevels)- s: f8 m) S  G* K1 q4 ]
                {; r: `1 M2 n: ~
                        fadeOut[id] = false;3 Y1 [, |0 x# W4 P
                }+ J, l6 P3 }1 `: W
        }
1 Y0 \3 ~4 X$ }& Z1 ~; m; Q* W        else( s' N/ v& k  N8 N2 t
        {
' e0 O: y3 b" t                currR[id] -= redInterval;) M! e6 ^& f. K' \" V$ E

. _! z9 Q( D* r+ U, L                currG[id] -= greenInterval;
4 m% z3 H0 d- I9 M) O& u3 u0 H2 y
                currB[id] -= blueInterval;" N' t% c& M$ g+ a  W6 e/ u% {+ B7 G

& i  C& |, P( O2 T2 m                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
$ i( j2 v3 c2 X1 C, r. \# Z1 R
& s6 u, I6 P8 h! d) E) U7 e                if(--count[id] == 0)
  V2 Y( Q/ D- n; U8 X8 P1 G7 ^. Z1 g, N$ I. X6 N9 m# x
                {+ F7 `* a$ Y( h( u2 b. c6 J
: N4 e, ]1 A0 L- q# n
                        fadeOut[id] = true;+ g2 w% t9 l8 E1 f- c+ s, E% G4 W

; {, i! B* b2 p  d% l                }) [. c. I2 n) L" e- k. Q. z

$ b% C( f' F, A  E& c6 l        }3 H% O9 b- Y4 B4 z

- r9 M& f; M! @% j3 `$ ?8 I% F2 ?3 C        if(continuous[id] == true)' t- F8 o8 K/ b% ~+ y
0 f# z7 B7 r: V0 @9 ?0 I! f; k" a* D
        {6 R) ]1 b* c+ |" l4 ]$ j, T3 Q

4 z% q. l. F* B) B                document.getElementById(id).style.color = newColour[id];               
, `. a! Q) O9 R2 R3 j4 V; m. s' |) Y4 v% ^
        }
8 n; D7 U% M' H+ o; t) M/ k: _( k  S! o& B
        else$ M8 r* ^' v1 {% j2 F7 h/ q  ?

0 J: J/ p3 y4 ~6 B. S( W, _        {
. P) y+ Y& z) V- e" d
: V# ^! J1 D1 ]                document.getElementById(id).style.color = hoverColour;
: J. l1 Q6 Y: u3 f8 @" B4 E. U/ y$ t& [" ^# r1 y6 `( P+ `
        }6 U1 B- }- I  j

; s" q- i, W" E        clearTimeout(tID[id]);2 Q, M- k9 H) r1 [6 l

5 J' o) K( g" }; R% R+ H1 b9 n        tID[id]=setTimeout('startFade(' + id + ')', rate);
: B8 R( i( G5 M. ?' s3 H7 i% z% w. ^0 e+ w8 X  P
}
7 _2 t( l$ p; a% L4 [, ^4 y% u( p- s, w: k* x
function continueFade(id)- g) P+ z' G! `3 d  W0 v  r4 L

* |: M& w  W# g& _' u  X: r+ B7 j{: p# t6 W( w; e3 m$ H: F, C

3 z: x& W  Z9 M6 X! R        continuous[id] = true;# n! y$ g. k7 V6 Z6 X+ D

5 C: {9 [- }: `7 t# V" T- h% W}
' \" O6 u& x* j* T6 M' @: X0 S0 D0 o9 {1 G$ r* [' C+ S
function stopFade(id)+ z; z3 {7 g  a- X5 ?' l" i1 g0 R: d
/ P0 S! N4 ?- q! ~6 q( d0 u
{
( K- t1 V# G( p- l3 A/ A$ J3 U4 e: H' o) l
        continuous[id] = false;; l# i% F; G+ w" [
6 `8 j" N: d$ ^
}* l) l* i- w  O! q

8 d+ J) f9 B# e4 H3 U3 I0 Xfunction StartTimers()- F  P; J; d& u

% N; j) o; a# N) c; Q. C2 [7 v- b, A{        //set up an initial set of timers to start the shimmering effect: J& K: n5 C# A5 S7 Z$ w/ x

" y7 c7 Y5 @2 B; M& V" ]/ j        for(id=0; id<numLinks; id++)
$ z& S* U& e5 A, }% h8 E0 `7 w- H. C. G7 T3 y, l' `4 a$ R
        {/ m* X$ s! ^3 G+ U5 y6 K# U) ?

6 A7 m/ P& @% l. z. G8 x                t=setTimeout('startFade(' + id + ')', id*100);
0 i$ @+ C  z9 h3 i
% ]  y" t) D* O9 n3 R        }2 Y' q2 N  B% ]; m) y
# y1 K7 Q& c* u
}, b2 w4 S9 K# `8 O$ s' Q$ X) L

& A3 y1 P; \0 u4 ]3 R0 z5 G* }//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')  ?. n# g% }: G0 V9 o

9 a7 L6 @0 f7 _0 V" h6 dinitLinks('#FF0000', 6, '#FFCC77');
3 D* B) `, h9 Q2 T1 j3 m  _: ~# }+ u! n/ o& p, z1 b! v/ x' z( F
//-->
8 z: o$ g9 D2 V9 w$ H
* Q9 o3 W( l* W, N</script>
6 t8 [1 a9 P' b% t8 ?4 V<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元$ }/ @/ A4 l# g& B  x" }3 j% w
</a>
8 W$ o: _$ O# k6 S) X! @6 G+ u$ g+ M5 p<br>
1 ~5 V0 Q- J/ [: j: z<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
8 g/ M* b6 @, [9 M. ?<br>
5 d! b: Z6 g4 x9 X; G; E5 p<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>* q5 w3 G, d$ u: R9 W
<br>       
) R. v! W/ |& ^! z<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>! j. w5 H8 B, J' M! G
<br>) R+ N5 t8 a6 c7 H/ P, ?9 F5 B
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
- q2 \; Q. B  M<br>
4 ~5 V! J( v8 d# l, X& p3 j<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>3 _! L( o5 \$ T, v
<script language="javascript" type="text/javascript">
1 C5 l& t/ Y1 y/ Z6 _) X9 s<!--1 O+ W, S- s0 L' n6 Q, p9 y
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
0 K) D/ I4 J( ?- ^//-->
- R1 @5 \, I% Q" r) h1 `</script>