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

zw2004

<script language="javascript" type="text/javascript">
  b  @2 c# W. I- l<!--( K4 V6 v8 I" c/ d" h/ m/ @
// convert a single digit (0 - 16) into hex' E& U& J8 G. Y3 \! Q4 Q5 Y
function enHex(aDigit)3 h' a( u$ X/ {! y
{
3 `* g" f! Z( y8 j7 ^    return("0123456789ABCDEF".substring(aDigit, aDigit+1))% n) z1 ^* a$ D
}3 v8 c5 {8 a0 e' x2 j/ O$ f
// convert a hex digit into decimal
6 R% K" n) ~# u6 r) E( `( ufunction deHex(aDigit)
1 p7 c# [1 {5 @* `{
! X7 |6 s, u4 R/ {% @    return("0123456789ABCDEF".indexOf(aDigit))
3 t- Q) {* |/ g$ g}7 l7 j, `2 Z" v0 _- L  O) z6 \

- m; ?" B! `/ f$ A) P// Convert a 24bit number to hex
8 ?5 n+ A) S, Y: `function toHex(n)
* k" R' m1 }, P/ o( K) R{
9 n6 ^, W9 E: P. R+ a$ n* r    return (enHex((0xf00000 & n) >> 20) +
# X: R+ g0 Y  f! S; Z            enHex((0x0f0000 & n) >> 16) +6 b2 o: r3 g3 e" H- X) t5 k1 ]- n5 I
            enHex((0x00f000 & n) >> 12) +$ |5 S) M$ h' n7 U# {; f
            enHex((0x000f00 & n) >>  8) +. ^& |% o% E3 k: N% X3 h
            enHex((0x0000f0 & n) >>  4) +9 g  v3 V. C; P$ b5 r1 ~' j3 y
            enHex((0x00000f & n) >>  0))8 _9 q; ?  ]7 K  _5 c, z
}
  h9 Y# r0 w2 L7 _) o' G// Convert a six character hex to decimal) E5 A* A' L! j
function toDecimal(hexNum)
0 e2 M( }, [9 j" y& q{" ]2 F& g$ m- f( ]4 b
           var tmp = ""+hexNum.toUpperCase()' o* q; P2 e# |8 g9 @
    while (tmp.length < 6) tmp = "0"+tmp, B" x2 W8 F/ i
           return ((deHex(tmp.substring(0,1)) << 20) +1 Z; c5 _' I: P; F- v
                   (deHex(tmp.substring(1,2)) << 16) +
7 |; P* O; J6 ^2 `$ b  M            (deHex(tmp.substring(2,3)) << 12) +
. \! A% ?9 w- O3 F            (deHex(tmp.substring(3,4)) << 8) +# D8 \4 l( t; N. h6 V* J
            (deHex(tmp.substring(4,5)) << 4) +
6 |* |( Q$ l6 v! z5 K                   (deHex(tmp.substring(5,6))))4 Q1 K: ^2 _( c# S8 L
}+ y; f3 W- J- ~* ^# p; c( T$ @
///////////////////Shimmering Links/////////////////////
& w& u+ ]' N  T2 A//global variables
" a6 U! u6 _0 O& e$ @9 bvar hoverColour0 V. k2 W' P8 E: F7 L# q2 Q  J: ^7 P
var numLinks;3 U9 A& R1 Q/ R2 F2 w) ~# C; |
var rate;( d5 |% J0 w! E- P
var numFadeLevels;: V' P5 t" H2 o. I  D
var bgR;$ b8 c1 {: S' ?3 F6 L* ~
var bgG;
) h6 I* K! ~% e( jvar bgB;( K2 W/ s7 |# ?! e% L0 |
var currR;0 b% u6 |5 g3 D+ m: D) G
var currG;2 v' j3 Y: q1 C
var currB;! m" w) I  O, B! m0 u
var count;
0 Y1 F/ j4 [* X9 t% ovar fadeOut;3 F2 U( E" y  @, _6 P) x2 m0 E1 a* S8 W, D
var continuous;
3 _3 k! w2 W% A# hvar newColour;* s! a+ @0 i2 Y2 @; ?
var tID;5 ~. g# X0 d8 ]: ?/ |
var redInterval;* o8 m5 [: ~8 R6 J! ]# `" b
var greenInterval;4 k6 w, \* _0 L: @- M8 Y2 g
var blueInterval;
5 a5 Y! e  i8 ~$ s. T# _function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)- r8 k2 b% c5 H' z  a5 _) {. k) L4 W" g
{' T" }. b6 I! G1 p" g( U( E9 G* S
        hoverColour = mouseOverColour;! p% \! S; |6 b  k+ O& K8 A6 Z
        numLinks = numberOfLinks;
; @* v  _1 `5 T; f+ _7 L* i: v        rate = 1;
# r) K0 }( p, d; K/ d        numFadeLevels = 30;
4 Z4 M: v: P% \# F& {        function initArray(theArray, length, val)
( j' d7 R, w  }+ z        {5 a0 r0 U# D* W4 v7 L
                for(i=0;i<length;i++)6 z. o% y  ?; N+ N$ }+ |& Y+ k  y
                {
  _! y- U0 h7 I+ k; h                        theArray = val;) {0 g7 g8 d& F
                }+ ~& b. r9 ], C! G# ?5 I1 q
        }
; |5 o5 O" y! T+ X  j        bgR = '0000' + fadeOutColour.substring(1,3)
0 ?: m0 O0 F; _8 o( p9 v        bgG = '0000' + fadeOutColour.substring(3,5)4 P: k# i, s% K& Q" E1 K
        bgB = '0000' + fadeOutColour.substring(5,7)
8 [1 G! Q1 Z& K; o        currR = new Array(numLinks);! R- G0 S: l+ I1 ^  J7 j
        currG = new Array(numLinks);3 w# ?$ Y! T  e9 ]2 j! P
        currB = new Array(numLinks);
, x8 n" q0 J% w( t' ?  p        count = new Array(numLinks);
0 v- x+ V) q- ^4 V        fadeOut = new Array(numLinks);3 l- J2 f7 x1 D# }( J
        continuous = new Array(numLinks);
$ a6 i5 g) w6 o" n- y' Z, m2 p        newColour = new Array(numLinks);' t/ J! I8 f+ x- K; E- D0 }
        tID = new Array(numLinks);+ ~5 M' y* P8 G, ?- A: U5 W
        redInterval = toDecimal(bgR) / numFadeLevels;9 U' Y( h: d6 n! g4 ?( Z  j
        greenInterval = toDecimal(bgG) / numFadeLevels;  h/ p. \4 `4 Z, s* \
        blueInterval = toDecimal(bgB) / numFadeLevels;
+ `; r0 g5 u% A0 u7 X4 _0 |% C) g% c        initArray(currR,numLinks,0);% ~3 W( I8 f  z3 e) [4 B5 S. O2 R
        initArray(currG,numLinks,0);
, x% s7 k: V1 y% c4 a" j2 k  f        initArray(currB,numLinks,0);, f/ A: H4 Z  z5 Y, M( U
        initArray(count,numLinks,0);
8 X/ ?7 ]+ S4 A$ O        initArray(fadeOut,numLinks,true);
! f* @( o* [5 ^3 V        initArray(continuous,numLinks,true);3 h& ^& e3 q$ m6 t% J4 ^0 r4 E' |
}       
, Z) p) b, l, ^) Q! kfunction startFade(id)
: W- i# k# O" U) G{
" H1 J/ Q6 Y, k. ~$ _. S) K- K) n8 }3 ]        if(fadeOut[id] == true)7 P  I+ `: @! U# T# q5 B% g
        { /*move colour towards background colour (increment)*/" t5 a6 J. `3 s6 ]+ m9 k
                currR[id] += redInterval;
& Y& b( a7 `3 x  `9 ~                currG[id] += greenInterval;6 o4 I# L. V  t2 ?; S* e
                currB[id] += blueInterval;6 d9 L% z9 v3 m8 v$ I2 f6 G
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);* A" t! ~7 E: A: Z, D, n, [
                if(++count[id] == numFadeLevels)
" }* B, [6 \/ H5 a$ Q8 ~                {5 N# h1 {# S$ v1 Y
                        fadeOut[id] = false;
; r, J& i! L6 r* |; r                }8 [3 A' o0 }3 D) ]) x" F
        }1 Y: _& I1 n" q% \) ]
        else
' t  s* J# l7 `" j        {* }% P+ K. `2 H* F) }( [
                currR[id] -= redInterval;
  U. K" k5 p0 R! Q+ `2 g5 Q9 P( H, i5 }& h# f9 L& Y: X3 C1 [0 U
                currG[id] -= greenInterval;3 ~: F! Z: u9 d7 B' U  ^* v1 c8 ?
: i3 d7 Z- |0 D; q' G/ ?$ L4 ]
                currB[id] -= blueInterval;
& g7 P  {8 K/ q4 z" `! Q
. J% n. [8 L+ ]1 c                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);( g* `; X* R1 H
* R9 s. E- w' N- Q% V4 l
                if(--count[id] == 0)2 o- y( X& z6 y: H/ ]4 J

- i4 Z1 M- L# j9 |. m                {5 e$ E" T! e, G" ~
$ ?( O3 I7 p9 A. p1 L* c5 k( Q
                        fadeOut[id] = true;
: b) f- O* S0 G0 F7 B; C" w" |: y. c1 A% k, @  q2 D9 t' x3 O4 R
                }, }: E1 P6 @. R. ]' L& ?9 d( G# c
/ C# {, H. ], A- B# j+ V
        }
. i, O. y6 Y& \1 d
7 R% ]. `# }# I1 O* n$ w) t        if(continuous[id] == true)) I% E" U- e# `0 a3 E/ N
* E  W% T4 ~& Z& j' A
        {
) o5 `! r; s6 f2 J" @8 E
5 i: i( f+ G( V4 y+ ~( I) q4 C% [                document.getElementById(id).style.color = newColour[id];               
5 t* q/ H* Y5 Q+ |4 K, E  A# l: l2 ~* N# e2 W; @: C! t! H( W
        }7 E/ R  Q  b0 S6 f1 Y  t/ F6 J
8 X2 U& ?1 \0 h) j- g7 A
        else
. N: W$ C# a9 o' o" I& Q7 X9 A4 G, }( V: D! U! X6 j
        {( E% n9 l5 a! w# h( W$ c
6 t1 Y! u' _  j8 }2 i3 R0 N) c
                document.getElementById(id).style.color = hoverColour;( {7 K4 a, J7 t' E+ X2 G
% W9 H1 L8 ~" c) \% s( Q* l
        }0 p8 t  V4 Q) X6 w) _6 c4 Q
+ R5 v* U6 O  j4 s0 T' X
        clearTimeout(tID[id]);
4 @7 V5 o& n  j/ n) }# C/ A7 l. U) [3 i
        tID[id]=setTimeout('startFade(' + id + ')', rate);
1 ?( E3 r! y0 n2 d
  j- n- g  u$ a5 {7 S9 ~) r}
/ e0 Q+ {$ T9 E& k6 x
% [. D1 \6 ^* C) O) l/ d3 ^function continueFade(id)
- ^) f6 @$ e" \8 `# k3 c! V2 S( s7 H8 y0 V
{
/ g! b1 [" t9 T$ [* x
' }& {) `2 C, v% K( b0 U        continuous[id] = true;
3 j) ]! K; z8 ^! e& ~$ ]# h& `( K( i6 w( X. [6 B$ K5 m2 b' S. o
}1 _( w" [  d) i* s$ m" l

2 o) _2 G+ p, M* R0 b4 \. b3 e& sfunction stopFade(id)
. w" w$ \/ i5 ~+ _. |- |1 [; O; k" T. K4 G" C! |% C4 o
{
3 ^0 E  G/ v  \; F3 O0 D
* O9 t" a" U- z: {. q        continuous[id] = false;
; R+ O1 t7 R: z: T% C: g6 L6 ]% B6 _
}
. @' ]" L: ^+ w" w) R- B  p4 \0 E* N4 Y7 m
function StartTimers()3 E* y. a( l) }; N! p4 q
3 ?5 l& p% m" R
{        //set up an initial set of timers to start the shimmering effect, _- q0 m8 G2 L8 F

" M/ y# z" w+ d        for(id=0; id<numLinks; id++)/ F3 [/ V/ C* d% u; X! t- o

* @" G2 E' j, X9 h; f4 \        {& N0 @* M% l  c; `
; A5 c9 l- i' x; }# O2 q% J1 C
                t=setTimeout('startFade(' + id + ')', id*100);
0 y& {$ E) ~- \! `. Y
+ T6 U. m* h; E        }; x9 F( p9 b  b6 ?0 E$ Y( q
5 t+ O: [  p4 {
}# R) `# i/ ?6 T" v7 B
& z! `( v, Q6 y+ Q9 M2 e$ J5 P
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')3 ~, l/ j- n7 u, l: U

" w4 c2 p' q/ q" R! x8 @. }% GinitLinks('#FF0000', 6, '#FFCC77');6 @2 W. [. n0 V/ X1 @5 Y' c

8 L  ]% h/ U; |) j/ J1 R//-->% Q& I/ |1 X' e

; K/ U7 T2 y2 z</script>
4 N: j- k, v* z& s<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
8 B& r- F6 Y6 |4 Z  L3 Y! l& [$ p</a>- v3 w. c5 ]# H0 q7 {2 V
<br>
6 c% Q2 Y; ]  s% S: |* ~+ b2 k<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
9 \* c" T+ G5 [<br>) d3 r) C; Q- U4 n* X5 l/ n
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>; d; l7 e+ ]6 y1 u$ m
<br>        * ^" r( i+ Z; f. F
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>5 R# t1 L* ~1 H4 Q
<br>" J0 n6 B6 A2 _
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>$ w3 u% g9 A. E6 b" b) b
<br>
6 M% {8 D( h$ k+ ~2 Z! L: ?) L<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>2 x7 i/ h" Q9 T, F+ s3 L
<script language="javascript" type="text/javascript">* T$ f" K; h( b) `! s
<!--( }% l  E* s! P$ C; U% o
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
; \  D" a' f0 q3 l# U//-->; E+ r. v* [  `" v
</script>