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

zw2004

<script language="javascript" type="text/javascript">$ _6 Q$ W; c' w
<!--
3 T; N$ x/ f" l6 D. w! a  w/ u// convert a single digit (0 - 16) into hex' p5 b, z( g" V: p5 k) y% R
function enHex(aDigit)$ t8 W3 L, Y& u: W8 n( V) e
{
" y6 ]) B' j6 q5 E* E2 [    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
3 q# t# f& S* k7 Z  G& D}6 w/ Y1 J, r4 V+ W8 P* V/ e. y/ M
// convert a hex digit into decimal
8 P: b6 T- L5 W, lfunction deHex(aDigit)+ Y) r$ {6 Z9 j; E! ]) u& U# v
{
( M9 t# E1 t. e# a% B* @2 H8 O    return("0123456789ABCDEF".indexOf(aDigit))3 O7 e" j3 B- V% m
}- c& [# j5 k! n% h
) e' ]6 B. I% c+ P7 Z" T3 W8 M  W
// Convert a 24bit number to hex) ]6 M6 o1 ~* O% y5 p  e
function toHex(n)$ _: Y- h* I8 _
{0 z# m$ o% _( _# y" {* {5 c
    return (enHex((0xf00000 & n) >> 20) +6 E2 o' _+ N  C" _
            enHex((0x0f0000 & n) >> 16) +
! B- b/ c# u1 [; d% t6 _! d            enHex((0x00f000 & n) >> 12) +' D% }; J% r& i, q' @
            enHex((0x000f00 & n) >>  8) +
0 |4 u* X$ T$ }. m, l" J5 M            enHex((0x0000f0 & n) >>  4) +
5 S  V& w; k  Z0 a# K            enHex((0x00000f & n) >>  0))# w* S7 G& N: q, E' ~9 H
}
& k) r- ^) G' \// Convert a six character hex to decimal
( V; w9 N- N( M2 s* [9 Efunction toDecimal(hexNum)- I. O% @9 `0 k: e4 |( d0 c
{
. A6 E$ J/ |# c3 Z2 q, o" d           var tmp = ""+hexNum.toUpperCase()
4 T% F& \3 r2 g& w    while (tmp.length < 6) tmp = "0"+tmp
  _3 c, F3 X3 T& S; f) G           return ((deHex(tmp.substring(0,1)) << 20) +; Q9 [) f0 }6 a3 X0 `8 B
                   (deHex(tmp.substring(1,2)) << 16) + 1 G6 h) A5 v; d+ |" |& I
            (deHex(tmp.substring(2,3)) << 12) +2 b0 P8 O; `1 V9 z. t
            (deHex(tmp.substring(3,4)) << 8) +
  E" y# G( X; f  J9 u            (deHex(tmp.substring(4,5)) << 4) +
9 Z! W6 K: e' f4 r8 x                   (deHex(tmp.substring(5,6))))+ N9 v, ~2 s, B! G4 q' r
}
; n1 j9 T& i3 P0 B% s///////////////////Shimmering Links/////////////////////
/ N. n" n1 W4 X5 T- ?5 g+ ^$ w//global variables6 M" h9 {. r( y: W1 A
var hoverColour
# ^- d5 D5 t1 X' G* C1 zvar numLinks;' w. o( {1 E' D2 m5 {2 I* P9 Z, r" z* X
var rate;" |, @+ I- \8 e
var numFadeLevels;1 n) _) }: B$ A! R- G9 L
var bgR;7 }/ {7 L' \0 X  S/ f$ f8 V
var bgG;0 q4 d0 {. R, i% `$ Y( I
var bgB;% m6 E$ n- x  V! W) p! p: R/ x  w' D
var currR;
; z1 ]; D0 r, ]( O* z$ ^var currG;7 D! w3 d+ |# U* X) V' R2 n
var currB;
! B" Z! q5 A& H4 tvar count;
2 s: q; _) b1 x2 y5 H5 i) ovar fadeOut;8 W" L4 a6 }. b) R
var continuous;1 g* Q% ?1 z' D: }
var newColour;
0 u8 ~" {+ t5 A% r7 i8 h0 ]var tID;& j, k# w1 O6 R, B2 T2 S4 G! [) N
var redInterval;
9 g3 L, c4 B5 Y% wvar greenInterval;
. w0 q' Z8 ?' L( f7 _var blueInterval;( @( t7 ]9 V; \+ N$ R
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
  U" `: v1 H& T; |8 n{
; O$ i# R! @& x" x2 i        hoverColour = mouseOverColour;1 H: W% l0 c. j" ]* ^
        numLinks = numberOfLinks;& |4 q- R% y- Q  Q' e
        rate = 1;* ]. E& V6 ]) B8 s- W: w+ O' ~
        numFadeLevels = 30;. Z1 p* l) {! ]+ U/ j' h( K
        function initArray(theArray, length, val)& \% K1 K5 ^. N* j) [
        {
( s' W/ a& V! u' Y                for(i=0;i<length;i++)
: ]( v& K! R. c                {* K! l" z5 x" d* q8 O6 E
                        theArray = val;/ T' S0 P8 |; B- d8 S! y, F# d
                }
7 v5 l, G2 X* M; u7 K4 L6 P        }! T) O: I1 e) K# S2 f& P+ Z
        bgR = '0000' + fadeOutColour.substring(1,3)3 k  N# L- v1 k8 O$ q$ w; H% V
        bgG = '0000' + fadeOutColour.substring(3,5)( J0 Y5 B) ]0 I# P* y* D
        bgB = '0000' + fadeOutColour.substring(5,7)# K4 k/ A! }! l' R. `0 Q8 J
        currR = new Array(numLinks);% ]$ W3 o0 `+ G# u
        currG = new Array(numLinks);1 n) w( m" F; E, W7 U, D4 k4 h# Z
        currB = new Array(numLinks);
0 S0 J* H% ^3 M( a6 Q3 A" v        count = new Array(numLinks);
0 b2 r7 u  S* }, }) z        fadeOut = new Array(numLinks);
1 G6 m/ o; J3 ^/ K0 J! N# ]4 ?2 ~        continuous = new Array(numLinks);
9 ?. _! X, x& G4 q6 j' T( m7 H& s        newColour = new Array(numLinks);. B: o. \% Z, O# c% _
        tID = new Array(numLinks);
% ~# {; {" l. U/ o        redInterval = toDecimal(bgR) / numFadeLevels;
, p/ R; c, F7 g        greenInterval = toDecimal(bgG) / numFadeLevels;. V0 O' J& S% m1 d/ }) ]4 G
        blueInterval = toDecimal(bgB) / numFadeLevels;- G' I7 R$ c" H1 {) |+ r* C! N
        initArray(currR,numLinks,0);
1 P1 ~4 Y5 ~1 x( K9 f, \        initArray(currG,numLinks,0);
5 b" M4 t3 s+ o. |7 ]) h        initArray(currB,numLinks,0);: @/ m2 R+ ]+ B2 K# j  i' ~
        initArray(count,numLinks,0);* p# O5 m  Y# h" B
        initArray(fadeOut,numLinks,true);
; B; ]. {7 Z6 H" \0 v! m: {        initArray(continuous,numLinks,true);, ~- L+ U) o1 b4 @& ?9 {! d5 P
}        $ q; N$ c1 A# d9 I5 x% P. W# R
function startFade(id)6 Z# T: I% n& u1 s
{: U" T3 @2 `* M. f% \
        if(fadeOut[id] == true). |# D1 J  \) x% i/ Z1 r
        { /*move colour towards background colour (increment)*/
' O' ^( C' T6 O2 w                currR[id] += redInterval;& }. F9 ?4 r/ F: X7 k
                currG[id] += greenInterval;
1 o) ^/ b* `& G" Z1 w# H: c                currB[id] += blueInterval;
! b! W; [8 m* ]( G3 k. Z* ]  N( r. r                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);' H5 R3 m8 k( I) h0 d2 d
                if(++count[id] == numFadeLevels)- o/ W4 |# o0 l
                {
( e: A$ ?2 `7 A" g( X5 J% [                        fadeOut[id] = false;: E% e, a+ Q  [; S/ z2 `
                }" C( s& s3 ]) O* n8 a. [9 W7 Y
        }! h3 d+ ~- B- S# H! w8 j- K8 p
        else8 \/ X( R4 @% }4 F! N
        {
. K$ h/ z% l- g7 X  T- s% L                currR[id] -= redInterval;
* D2 [  l( @0 T! }4 R! \6 r( l+ X3 `$ z) F8 @% Q
                currG[id] -= greenInterval;7 C) m! D) Q% S7 O
9 v6 r3 n1 h) p  N- h: v/ G, l# d
                currB[id] -= blueInterval;6 F6 Y9 t0 I. V; i) m
* l" J3 o9 y  ~9 v% O: @
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);# R& t7 b, P! V

3 L  @' u. p- I2 P6 c* n$ K5 l3 H) p                if(--count[id] == 0)
5 f- S! \1 D+ ]8 a# ]: t, Y9 N9 x+ s. c. }8 b0 ~
                {. s' E) ~' e8 V% b# ~

; r/ h7 N. [+ e- W9 e; m/ e                        fadeOut[id] = true;# S3 t5 m" h8 _+ |$ T/ u
. ]3 Z4 S& h5 M5 E  M: o5 ~0 ?% @
                }& c! k) d8 C) X5 V2 @* j; X1 C: W% E
0 t' l& v2 x1 a: C* O
        }
3 R# w; b! B/ b0 d( Q5 B$ @7 m% U9 z4 e6 ?/ ]# c5 b$ C
        if(continuous[id] == true)
& q0 A' b/ C$ e( [$ l% S4 E: }2 y. S' ~6 C; v& n4 O
        {8 U7 \0 |( v% p; p

% p2 N4 O* I6 A6 a( Y8 ~9 M# T6 J                document.getElementById(id).style.color = newColour[id];               
: q% l9 e5 q4 _$ T1 F4 b/ ?# \& {$ m; o7 o! O8 X, v  X
        }
- e/ L% L/ i2 p3 N' {
. H! h: J, {1 D' z' ~! {% `        else% ^0 B, c" V- [. r8 v0 P

: X: U! n3 O  h6 e. z6 j9 y* E4 D        {3 `  W5 `# F* \

9 t' Q2 J, p; N; h! I: j; R6 u6 f                document.getElementById(id).style.color = hoverColour;! q: i4 q9 ~& e/ V
" M/ ^: b8 m' Z7 }9 B# N5 ?2 [
        }
8 z0 d2 I: i. L' u/ Q; w0 A2 J5 N
        clearTimeout(tID[id]);
  i4 o. k3 k$ S' `- b5 U7 k
3 ]0 J2 l  E( E        tID[id]=setTimeout('startFade(' + id + ')', rate);
" E3 F' W6 ]: m) v1 h( P  r8 g! s' j' s2 x
}% Z  i+ O3 Z: y+ k" Y3 G
# K: i$ P: E4 ~6 @$ }7 y
function continueFade(id)5 U: r0 |& u; s7 E0 A! A# Q
4 g/ r3 I9 ~; x  O: H; C
{
; c8 R, p' x+ |% s
. m: {7 ?  h' r" H' n: N7 J2 F9 \        continuous[id] = true;6 N3 h  n; G* A- t2 E' Z1 m
  B; ?# R& A6 u( N% g$ m& Z, V/ o
}
/ E5 }! _% Y0 y* X3 J1 e. C( K0 Z9 L/ H  k- \" [
function stopFade(id)
& U0 K! V: u% F* ~! B6 R* \3 l$ E
{
& C& {' i5 C# N+ Z* p. `  b: g
* l' r0 p: S  C3 e& o& c+ _! m4 k        continuous[id] = false;
; a6 u" U& i" s6 V/ j' B+ S' x% v8 X* S$ u, I$ A7 q
}$ x* c. h/ f2 [3 J4 x

4 R+ C' l9 W# h' Xfunction StartTimers()7 W/ p+ l( F1 m0 _  Q2 w( D& l

+ R3 r/ g3 d7 ?( l+ R( D{        //set up an initial set of timers to start the shimmering effect
3 Z# c# q+ U& _+ _% t
$ Q# i  ?7 r& j2 [! T        for(id=0; id<numLinks; id++)! C6 e5 x- Y- f/ J, y/ f7 w

* ]0 M6 F) r  W9 L: j        {- C4 V0 ^3 u& g) f$ |% v

' ?. o1 @6 x1 ~9 G3 ~! `8 i                t=setTimeout('startFade(' + id + ')', id*100);
; J5 Z, a9 W4 h5 V8 B
3 c8 y* B/ t0 E5 d# v        }! `+ ?2 X! E3 B( h, W' r
9 A9 i6 a$ Y4 h2 v
}
' N- S: Q" Y) K$ `! ^9 L: T: x" v4 A- Z( k2 l! p8 [: f) G7 S
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')& S$ }7 q8 j9 C- D9 w8 C
+ b0 [. v  Z# [. f* p
initLinks('#FF0000', 6, '#FFCC77');; N9 a# y6 s, l+ m7 `
1 l& i# i+ N4 m' d
//-->
' A5 t/ G4 w& I0 ]& x3 J- e( w) O7 t% b" u
</script>
7 _$ R6 X3 W5 o0 U9 c; {2 q<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元/ K+ W3 R( E# M
</a>
0 K6 p" W; x9 v4 J# {# S<br>4 S0 O9 I( p5 z( d" Z
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
# C' M/ W: I. y( }; E- z<br>
4 U$ h& W0 Q; E# t<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
! u/ L! W) I" V<br>       
# K6 ^; \! z: b7 |5 a" S<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>- J4 k+ b8 t2 x* Y2 G
<br>3 ^* k0 _# \# l! `( l7 z4 x
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>- g- [- {- V& i; f$ s7 Y" ?
<br>4 A6 ^+ S' Z; _9 ^- c0 T. |. _' F
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>) T9 `8 z6 v0 c
<script language="javascript" type="text/javascript">+ u3 T" f  [' h6 L
<!--
! E# O7 P- l3 h& m9 l6 ZsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering  l  U% a- l" O
//-->! L3 f3 F7 c- W
</script>