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

zw2004

<script language="javascript" type="text/javascript">
3 W0 V% s6 B4 H$ d0 F1 ], H<!--: s3 Z0 l6 b9 r( v4 m5 q
// convert a single digit (0 - 16) into hex" X* v$ W" M5 m! [, q) t
function enHex(aDigit)  f5 R  I, x# y) M+ t0 @3 f5 R3 Z
{6 r1 Y9 e- n1 j7 n
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
6 N. p7 C; p5 I9 ]8 g}+ [, w3 J$ g1 J7 \6 ~5 ], Q
// convert a hex digit into decimal
* X: _7 H9 R: E7 ]function deHex(aDigit)
& p/ j& B$ a6 d0 j% }& i+ V  M{# u" ?$ Y5 a% t( ~; G8 D( \
    return("0123456789ABCDEF".indexOf(aDigit)): ^/ t& ~: h9 y3 a
}' T6 V7 }/ p6 Y# @5 U4 `

! {! |% x/ F5 h" O0 W// Convert a 24bit number to hex
" h& p; S9 Z/ {/ R$ B4 C# w- ]- afunction toHex(n)2 g- E6 D- _" [- t& \
{: t% U3 _6 i1 b
    return (enHex((0xf00000 & n) >> 20) +' ?2 e1 r' }- k( ?2 Z
            enHex((0x0f0000 & n) >> 16) +
/ H% M& @# @& Q* n1 o  j, E            enHex((0x00f000 & n) >> 12) +  [8 X2 r, l+ t6 P$ `, [3 T
            enHex((0x000f00 & n) >>  8) +* w* o, d7 I1 O& E$ D
            enHex((0x0000f0 & n) >>  4) +
( B8 Q+ C% |7 u% Z            enHex((0x00000f & n) >>  0))
$ C* u  b$ `- C5 x  [8 c}
1 S2 R# v+ w. R0 F# M: q; R// Convert a six character hex to decimal( S+ I; Q( n1 I/ f: _
function toDecimal(hexNum)
- t5 E% X5 ^& j% e{
" a+ D# Q: A  o; _5 a' @/ W           var tmp = ""+hexNum.toUpperCase()' O% d+ }% }) ^9 J# |
    while (tmp.length < 6) tmp = "0"+tmp
6 [* E3 z4 |6 v& _/ b           return ((deHex(tmp.substring(0,1)) << 20) +
- c- D' R; u7 ~                   (deHex(tmp.substring(1,2)) << 16) +
" P1 b8 n+ d0 `! y            (deHex(tmp.substring(2,3)) << 12) +
4 V* Y& j* A6 y            (deHex(tmp.substring(3,4)) << 8) +
4 k5 @) Y: N! A, w. V; ]+ W            (deHex(tmp.substring(4,5)) << 4) +
& D2 [$ B3 z4 k, ?" p+ _0 R                   (deHex(tmp.substring(5,6))))7 _8 C' y( K3 ]& q
}
; Y7 k; P* Z) y0 }1 M  n" G# l2 n///////////////////Shimmering Links/////////////////////2 T0 w& ^7 l2 k+ ]# i
//global variables2 u. G$ z1 ]' _9 D& }9 ^
var hoverColour
: g2 r8 B) ^, i4 X* G" u* svar numLinks;
* Z& C8 e1 b0 Q, ]var rate;
# L% {' F) s; U3 T0 T2 I9 F$ yvar numFadeLevels;
& F% v4 N$ ~& L5 @* J! h8 }' Fvar bgR;" l& s( U9 x8 B4 z0 n
var bgG;" N0 [8 h0 X! d! S! {5 ~4 R0 M6 ^
var bgB;" {/ ~$ Y, w* ^7 ~; N
var currR;
8 \' t! V" ?% }/ Svar currG;! k0 R0 n+ Y6 z* j) U1 Z. ~- M
var currB;, L. ~& _& u5 u* x- n
var count;/ Q8 b9 `  n) C% s- E7 z0 v# c
var fadeOut;  v6 ^+ j4 u8 n- P$ b3 `
var continuous;3 ]. z- J4 v& \! v
var newColour;
/ c! M& c0 v: ~var tID;
4 v) F' Q9 g/ s* i; f  Avar redInterval;$ ]& w/ E1 j9 \; r" M7 p
var greenInterval;
+ l* \$ M& b$ Z  _# \3 ~- x/ Cvar blueInterval;1 p5 o2 S0 H2 S0 l8 D* a
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
; E  ~* b1 ?$ F: O! \{* F' }: k. y, N4 t# z! W# r
        hoverColour = mouseOverColour;( \1 M. a9 {, T0 d$ e
        numLinks = numberOfLinks;
# ?. o4 f$ S6 h        rate = 1;
% @! I1 G( I5 r. q        numFadeLevels = 30;
! S% @, S. o) T# i$ j* ~. k        function initArray(theArray, length, val)
& b% H2 ]! H* _5 m' J        {' M5 @" L% g) O7 h
                for(i=0;i<length;i++)  A5 U/ {+ n+ V$ J
                {
/ c- H- H) Z" \1 m: l( G# `* O( e. ?                        theArray = val;
; E) d0 G: y" K+ a. f: ^' s  }6 L                }
8 r6 K" |5 {8 s: g0 g. T. p        }# @5 U5 E: ~& _$ ~2 j
        bgR = '0000' + fadeOutColour.substring(1,3)9 @- E" k7 B5 }" h: K) e
        bgG = '0000' + fadeOutColour.substring(3,5)
# ?, _0 F, C; o, R) g& U. J0 Z0 U        bgB = '0000' + fadeOutColour.substring(5,7)0 Q3 [, j0 `- R
        currR = new Array(numLinks);2 W" s( \! s1 N# ]
        currG = new Array(numLinks);
/ V8 t) f5 N7 [) N        currB = new Array(numLinks);! w! y% Y9 j) s$ u
        count = new Array(numLinks);0 R: @4 x, {7 G/ |5 [( Z/ K
        fadeOut = new Array(numLinks);1 A1 n3 [& V7 [; |$ B5 O
        continuous = new Array(numLinks);$ W# p. a/ X/ J  l) Y
        newColour = new Array(numLinks);
2 Q/ Q6 D2 d+ h' u' ?5 r8 _5 {        tID = new Array(numLinks);
# m3 J# w% Y- @1 Q5 w8 a        redInterval = toDecimal(bgR) / numFadeLevels;1 b# C2 k: e: @
        greenInterval = toDecimal(bgG) / numFadeLevels;" K+ C. O/ L( I8 e+ Y% l
        blueInterval = toDecimal(bgB) / numFadeLevels;: ]8 o1 k' o  c0 `
        initArray(currR,numLinks,0);
0 ?3 |6 M7 P! G4 Z# V& }        initArray(currG,numLinks,0);- Z+ C, o, F9 N. b, c1 j/ N
        initArray(currB,numLinks,0);
6 Q8 n) W+ R7 }* {/ Q, Q6 E        initArray(count,numLinks,0);
" R. f, K* T0 N, H) V3 P        initArray(fadeOut,numLinks,true);! ^6 {  r; v! \* r- p' C
        initArray(continuous,numLinks,true);& m. a  E  d% [' @2 [; R
}       
0 D3 Z; w- x; _, g$ K0 B) e4 Efunction startFade(id)
. g5 m4 R: Q3 \, z; w) e7 J7 L% {{+ P; E' D( ~% O: ?: P
        if(fadeOut[id] == true)  O# P5 J% C) F  X$ y0 c, h/ W+ U
        { /*move colour towards background colour (increment)*/: W( Q7 P- V& u# C
                currR[id] += redInterval;  O1 y" w6 U+ F, x/ G$ g; C' J0 k
                currG[id] += greenInterval;6 M! V7 ?) ^$ V) }4 ]
                currB[id] += blueInterval;
# o5 Y2 N# l5 I6 a                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
2 N' N: h' x! V6 x; Z6 y( ?" r                if(++count[id] == numFadeLevels)' H. y# x2 X( B$ Z
                {0 A1 n( n5 }$ G% j5 g: |7 e8 r
                        fadeOut[id] = false;
1 u1 b0 ~/ G! b, r8 X% k                }9 |& w3 I0 y- V
        }
0 \0 e0 T$ D9 S6 r% N9 v        else  a5 ?# F6 @- Y( c
        {
% I" j8 T+ x) n% \' [0 v                currR[id] -= redInterval;9 T# ~; ~" Z# j9 O, V

# y7 {' B7 ?& S                currG[id] -= greenInterval;; n1 m5 _/ n( o7 h7 E+ ~

' i4 G6 M9 c9 `/ z                currB[id] -= blueInterval;& T# D5 H' t, ^! }' z, A
1 h1 r$ f$ c% x+ e  [. a; R
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
0 c% X# @% M5 W( u& Y$ h
6 Q0 }6 K1 A5 N7 U1 ~                if(--count[id] == 0)7 H2 h3 h! {6 A" D2 Y' C# f

7 f8 g+ H# h$ V3 `) r) G                {: x" m! n& c, g* [4 L# |  V

) u9 b, W. Y' N, N2 B+ g                        fadeOut[id] = true;
8 X7 C& V5 p2 ~2 P2 j5 Z/ l
2 i3 o! T& y, ^; a/ C7 S. C* ]                }
; Z  c) H& ]8 G" I% ^) q0 a
! p  o3 l" C0 Y: Q1 l        }
3 n0 I+ n* W) O9 q: G: w
# T# Z! i3 }# x/ e        if(continuous[id] == true)) n# G+ q8 I! V0 v  l

$ H; H$ A: U* v: @" m4 v. i1 l        {5 d# b* ~7 L2 A2 N2 \
+ i2 w1 ~9 R9 V: P9 s% i; T
                document.getElementById(id).style.color = newColour[id];                1 R) `$ t2 n$ l6 w1 x; I6 ~5 u

" N3 H$ h( j% O) Q! m        }
* k, L* u, _- B3 K0 g( r5 O6 c- P6 v( M
        else4 j+ T" m- {8 t
3 k( U- L: o  K* a  `3 v
        {/ v$ k& k+ y, ~: Y+ ~( x. v

# C9 Q0 L6 z4 h" m7 e* m% b2 t                document.getElementById(id).style.color = hoverColour;: p5 z6 p5 k& K& e4 s1 l+ w& o

$ N, t: @# q& r+ g) U- r        }
% R( h- j- A7 c; `* ~+ m
* }0 C+ C& Q3 _/ R/ w6 G/ J, n        clearTimeout(tID[id]);3 {9 m# I- N) C: `

& A* e% d# g0 J5 m8 }        tID[id]=setTimeout('startFade(' + id + ')', rate);6 s- y5 F9 S0 [. p  i* U
1 O/ x9 B" t8 |& T' H: _1 Z
}
# F8 C2 m9 z- b1 `, s" F" T
7 S+ U8 L$ Z; Z. Y& X6 dfunction continueFade(id)$ u) P3 G' U$ t! ?' ~

. ?) G9 }7 \' q# A' m% u{
0 T3 c6 y! H% C) e( j9 ^
4 [" j/ n7 P0 ]& |1 J, I        continuous[id] = true;5 \1 R) W4 C+ ]+ A
8 p; u8 i& z) ~5 v' x/ b1 t
}
2 V( s, U3 f) h, X7 A! O) _
+ c# I2 i+ W! y1 n9 B: x& qfunction stopFade(id)
4 M. D8 _6 T8 `. G. S
( i0 H* f  i3 Q2 E3 w{7 |& u& z. h# h" g3 b, @) F
5 c6 n, [7 {  [/ o, ^
        continuous[id] = false;3 @( m% |6 W! m: E2 U' l, ^
# n- s  Z5 z" L0 N
}) c  ]3 Y' {. P: N+ F
. j% U. w( o: J" I2 v
function StartTimers()/ h# B" |. \0 {! [" b8 N/ u
/ [; [" d9 J, B/ @" i7 ]
{        //set up an initial set of timers to start the shimmering effect
% C, K( O4 ~2 g' k+ [" _$ N$ t& S3 N) `0 y) F4 Y3 V8 s) d/ E2 t3 V
        for(id=0; id<numLinks; id++)
7 W3 Q  H9 x) X3 o/ q- {$ [3 [* A, L8 D. k, {$ z6 q
        {! N. B) `' l8 G/ M0 I/ a; y" B" s

6 N) y1 l- u7 h: a0 U% G                t=setTimeout('startFade(' + id + ')', id*100);9 C. z3 h0 q2 ^; Q# h" ~
5 P% X' r) S; g! s6 U, j
        }
' J! V# f6 B8 G1 X' K1 v
. N: Z2 x5 P% K8 k# n4 y; m5 y}
, B/ L' \2 V2 l9 ~& x) T. u% c
; o  N+ G' ~8 s% t( o) m//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')1 {7 p2 e0 U% O2 m. M0 n

0 [0 W! l( a9 xinitLinks('#FF0000', 6, '#FFCC77');
' N+ }- ?6 i! _1 f; |0 C
* R  m' o5 V6 I9 K7 l7 G4 P//-->2 q! e/ }9 W9 T. V" S/ y) \

' Z% l1 W, j+ c: W: ]1 B</script>5 C" L* w! m1 O. c8 P
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元8 U- `3 b5 g. N% P- R5 z) p
</a>: D, e. P* A1 d. V
<br>
& |) L0 D" v  z0 x1 U<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>/ y8 u( p1 s6 f# n6 I
<br>, u2 \- Y  q$ V0 ^8 c% j# K
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>; g4 W# ]/ c  ^, f
<br>        9 {% P/ K' F4 n8 i- S) [
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
1 v; l" y- z! c) t" w<br>
% D( S  z/ M; K9 x; u. L, h# a<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>; }: M% P( y6 L0 t. s, @0 r/ ^
<br>3 n( H: z$ d) O' }
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>9 A7 o! h! G5 I; x! v' p/ x
<script language="javascript" type="text/javascript">
  @: E9 b! v$ W" i: v/ Y/ @' [/ ?<!--1 W3 x& ^; @" V" R/ }  U; ]
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering$ o' k/ \, ?* R9 [# c1 i( F  k
//-->
* \# ^4 P; f3 P# o1 ?4 x</script>