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

zw2004

<script language="javascript" type="text/javascript">
: P: r/ W% U: B/ E' I% c<!--
- |3 C! ^! L3 b2 O// convert a single digit (0 - 16) into hex
3 {+ U! s) Z- }8 Q0 o6 ?function enHex(aDigit). u9 i! F+ i! S  _+ J. q' s
{3 _* K* `7 P( P" S3 f/ D7 a/ `
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))4 c7 b  g: l% u' Z+ T2 H" [1 o
}
% `1 u3 J; m1 F/ r// convert a hex digit into decimal' E- _5 v9 I, P
function deHex(aDigit); k. V+ U* B0 e# O; \2 V. V
{
$ g2 Z$ z3 E8 v6 q' M7 h( ]* q: P    return("0123456789ABCDEF".indexOf(aDigit))
2 q( G2 n) e; N/ b. @4 r9 J7 [3 B}
) X8 V5 w9 o" _. t. m- a/ U
/ V# Y; p/ L- g. \' l. C// Convert a 24bit number to hex! t, o9 G1 E6 s0 X. u# h' r. G8 U
function toHex(n). k/ }1 Y  z+ M" }5 O- J
{6 K/ |2 _7 ]3 m, {8 T
    return (enHex((0xf00000 & n) >> 20) +" C0 l' r$ y  O/ N" ]
            enHex((0x0f0000 & n) >> 16) +/ S* m# j+ Y4 x/ a& D7 _* b
            enHex((0x00f000 & n) >> 12) +
- O2 ^* Y6 v. T! b8 `. u            enHex((0x000f00 & n) >>  8) +( r  Y6 G- L, [9 O
            enHex((0x0000f0 & n) >>  4) +- _6 x- F0 ]$ {8 V( r
            enHex((0x00000f & n) >>  0))
6 I) Q% A* i1 U0 j9 h* [}
/ R0 m2 w* p! f/ o! z% q5 J// Convert a six character hex to decimal
4 `: K. l5 \) n4 a% C* B3 \( ?function toDecimal(hexNum)
, {5 r) Q$ l; a3 G# y{: J; S# T- o0 s( L/ t+ K6 E! U
           var tmp = ""+hexNum.toUpperCase()4 g/ h$ x! D6 ~, |' U
    while (tmp.length < 6) tmp = "0"+tmp
  ?8 ~' K& x! T           return ((deHex(tmp.substring(0,1)) << 20) +
+ e, H9 g- l( L# [% M4 |9 l                   (deHex(tmp.substring(1,2)) << 16) +
) }5 m0 V. {, g7 ~            (deHex(tmp.substring(2,3)) << 12) +
- n. S: |, I( L" R% ~2 f            (deHex(tmp.substring(3,4)) << 8) +
" X7 S; l8 M. y" T  N7 I9 U            (deHex(tmp.substring(4,5)) << 4) +# |( g+ R0 G6 Y9 {4 A
                   (deHex(tmp.substring(5,6))))
& V) q7 X1 j: A$ B}
. ^7 d$ o9 U8 ~///////////////////Shimmering Links/////////////////////
# ]/ A- m0 L5 u9 W! L  J, J" R//global variables
" h6 w5 V9 D/ X, x: ovar hoverColour
  y3 u3 x3 _6 S2 jvar numLinks;5 \9 L2 `: O: P; Y
var rate;
7 Y3 Z2 M9 N: l- E* kvar numFadeLevels;  ?+ i1 k' f7 B
var bgR;
  |5 W/ J% \; u1 c1 p% tvar bgG;
5 G; t% y( w/ \5 S7 nvar bgB;
, @! |' O/ L7 @; J/ O( z, t7 Evar currR;5 F; d' x& n# u7 C/ x/ o# N
var currG;
/ c2 r* |- t: G, C* T% S0 Svar currB;. L6 c  P5 y) P9 I6 H
var count;. A5 o7 H3 Z4 t+ \: T6 n+ W4 l: t
var fadeOut;! H8 A- G! b5 X7 w: T: e' c2 o
var continuous;$ _$ U) M$ s1 m: t6 ?
var newColour;  V2 s/ t1 t. @, d6 w
var tID;" S, f/ Z/ s7 n9 J. H' y* ^
var redInterval;9 k$ J, c7 k7 C" Q! e3 u
var greenInterval;
- ]$ y6 j. L' Xvar blueInterval;) s2 z* f( f5 W; B- j2 {; ^% H
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)5 K3 F8 q) O* ]1 t) X2 C1 F
{
  I. V+ Q2 N, u5 D- X8 c+ |        hoverColour = mouseOverColour;( G# C/ R+ i3 B/ M5 K- S
        numLinks = numberOfLinks;
8 }. {# a* c- x        rate = 1;
  A! |) @( y! q" G' a# X2 K        numFadeLevels = 30;2 J5 S9 Z$ k- f( g/ C% Q
        function initArray(theArray, length, val)
( l2 p! W8 T4 V- w; a        {
9 R8 }2 X! I  h4 b" g6 Y                for(i=0;i<length;i++)
: Q9 r3 o4 K3 {$ {' T( Z                {
) M: e) t1 v3 `1 u" x  p                        theArray = val;4 v/ ^# ~+ v: b/ l5 Q2 [6 S1 W
                }' D4 f& w" X% D- D6 O8 e1 q1 x. G
        }$ `/ f6 d. a9 r1 n7 @& q
        bgR = '0000' + fadeOutColour.substring(1,3)( g: w7 h* m5 Q4 v' V$ l+ i3 }5 v6 l
        bgG = '0000' + fadeOutColour.substring(3,5)  S9 o) D/ J/ k  S: F
        bgB = '0000' + fadeOutColour.substring(5,7); _# X  `9 m- y5 z0 \5 d0 a
        currR = new Array(numLinks);
0 A8 h8 C! J4 e3 w! R        currG = new Array(numLinks);8 R  R0 ?8 [8 H  I" k8 }
        currB = new Array(numLinks);& f' T: j5 R2 E4 C+ l: @
        count = new Array(numLinks);
7 n! ?: D9 G2 E! P/ [5 x4 ~+ V        fadeOut = new Array(numLinks);) n" l5 P# [" g. @' D
        continuous = new Array(numLinks);
1 g# Z1 }/ B- A! \        newColour = new Array(numLinks);
4 H* J3 n% h$ R  u        tID = new Array(numLinks);
( P+ N7 A& S( i1 d        redInterval = toDecimal(bgR) / numFadeLevels;
# x( q6 h5 n) S! m        greenInterval = toDecimal(bgG) / numFadeLevels;
0 e, m: U5 [" ]' I1 a$ T, T2 E        blueInterval = toDecimal(bgB) / numFadeLevels;. Y/ q- j' t9 P+ n% l. ~9 q3 g
        initArray(currR,numLinks,0);3 X$ b* J4 B" D9 L
        initArray(currG,numLinks,0);
( r% n, J8 [/ w4 p        initArray(currB,numLinks,0);5 s( \6 p5 p' x; Q' ^* N. [
        initArray(count,numLinks,0);0 z" n  O$ ^# N2 Y7 M
        initArray(fadeOut,numLinks,true);
4 j$ p4 T' k( s8 C        initArray(continuous,numLinks,true);3 n& C$ P* G: j
}        8 n& ^8 C1 n. u+ G( _* i9 t# J
function startFade(id)
' G9 n# }1 }5 ]/ P  l8 T{- I" r5 p6 h5 Q) L- w. H5 ~
        if(fadeOut[id] == true)
( j7 E# q/ f$ R6 S9 J( J        { /*move colour towards background colour (increment)*/5 Z- G' A5 j( N* A! E4 ?
                currR[id] += redInterval;
7 y+ W6 _8 t9 F/ G8 L9 g* ~; I2 n                currG[id] += greenInterval;$ Z1 q7 F4 |% Q: C5 m, u* N
                currB[id] += blueInterval;
0 @5 w) g7 X1 D$ b                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
& C0 [& V( T  ~$ T! [, x& O1 z                if(++count[id] == numFadeLevels), o3 L# @- |/ E% B; p1 _
                {1 j, H! V- G3 x1 f- _6 c
                        fadeOut[id] = false;/ i9 [) c6 }; r8 V. x1 J. C* N/ m( ~) \
                }: x8 F4 c6 E! _4 h
        }
1 ?' ?9 V% t( a        else
, T5 N# L, y/ x( w        {
' u- D3 r$ H6 m% u& \& d3 @+ w                currR[id] -= redInterval;, y" @% ?7 e: I, }$ D
3 b5 u: d+ e$ g0 Q- Y% Z
                currG[id] -= greenInterval;; e( {3 M3 u  X  b: L6 c
0 i- `. W, W- O, e7 a
                currB[id] -= blueInterval;
/ P# V  ~# C9 e5 X& P1 k/ e! h! _) L3 S4 b+ }
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
$ e4 }9 E# w, Q: X* g1 B5 |! G
' p; p+ U; U2 Z+ K9 l3 f1 w                if(--count[id] == 0)
/ a& ~; P1 I$ R3 A) w3 s# Q& K# j% T+ n  C- w/ A) x8 ]
                {* v# b( i* Q* N& N& ]2 m% F

4 l2 V, E$ [6 U6 T                        fadeOut[id] = true;7 Y4 \7 N" A- V* I: O0 E

% Q) K/ J% f9 g' R0 O                }
  c9 g; B- J5 N0 ]2 V
1 ]% b& ?, X0 |3 H" Z        }+ X3 \# N, E8 T. U
/ w. A6 x7 N3 r' `1 B
        if(continuous[id] == true)
. D; A* k/ r7 |: `0 X* W4 N% k
1 ?6 d# E  }7 Q! G) u' R" F# @% r/ T        {" G# G# p% E* @. l) h8 N

% W* N# }  Z8 {+ v9 s, ]+ P                document.getElementById(id).style.color = newColour[id];                & g, j7 N: N( N
5 d: X/ |! H+ Y$ g3 v& N' t
        }4 r5 j1 M* @; R' k: M& ~! E
8 g% w2 c9 ?: ?' t: z! ^1 T) |0 H7 c
        else
1 g" ~! Z6 A$ j( ]0 d& j3 v$ [) C0 w: k" ?& V/ ?
        {
$ g) e( j9 y6 h
2 t+ S$ `7 k) V( Z- D                document.getElementById(id).style.color = hoverColour;. l- [  Z6 u1 c2 Y9 L& \4 {
5 t* r9 o7 Z! j8 c
        }
3 U1 p) L3 D7 P9 J" D. j0 v1 C5 b1 x# _' `% D  J2 ~) ]
        clearTimeout(tID[id]);2 M  ]/ W/ ?3 a6 W; V+ D" x4 u
# y2 y! i2 |4 w: a" \
        tID[id]=setTimeout('startFade(' + id + ')', rate);
  X5 x0 c* j5 o, i2 _, _+ K4 K) C3 o5 W! d- h
}
& n% ^* @% q* B' W; e9 N$ H* Z
8 B  s& ^$ t6 m6 y3 z+ nfunction continueFade(id)- D- r- }+ A2 B9 N! j+ W  X5 \& d, b
' W0 ^# L) M# b
{. W6 C! x9 q6 W/ b" b, F' p

2 o; Q3 b. V1 f9 W1 t* v        continuous[id] = true;
" H$ J" X2 E9 a
  o) R2 P0 c5 w% j}0 j# g& i# V) H# P* Q2 _) I

' F: O4 l9 ~8 ~9 G8 Nfunction stopFade(id)& ~. T, E2 V# V3 c8 q) J8 [# G

1 f$ R$ c3 [( H7 h2 ?* ~, ]{
2 H- o9 u) y% h
* [  T# r& v2 q: F" [        continuous[id] = false;1 n% b0 P1 _- o) x2 u

# `* h, j& s' u1 W}
* Z# l& E; P: i& X$ e  h5 j( R+ C& q1 v+ `; _+ l" B
function StartTimers()
" @9 r9 a& A. ?& d( o, T/ [
7 M4 Z8 v0 ]8 P, r+ |, E{        //set up an initial set of timers to start the shimmering effect+ S$ I" x2 i: o  j

# z. C  P- g5 x6 u0 {        for(id=0; id<numLinks; id++)
. k. D" U- o# p  A6 z. {( y6 c3 S4 y; Q+ A
        {+ D. S$ v& [0 W
/ p2 x3 h8 t  n
                t=setTimeout('startFade(' + id + ')', id*100);
( U4 W) d/ _% W0 l
8 D) s& u+ k; ?" S; D/ r. R        }2 y: g7 h& u5 @4 y( ^1 Y* v7 y

* J- G( \8 A* {* N6 z( u% q4 S}
! s& s/ S  T: D8 Z  X+ o9 J. {) x4 X6 k2 |+ y7 z
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
9 `, ?# C5 v0 W# H" u" n
( |3 @, o6 @2 v5 {" S# pinitLinks('#FF0000', 6, '#FFCC77');
+ k4 N! H4 ]. ~5 I3 [1 A! a& N2 j6 e1 [0 U4 ]2 F
//-->
- E9 @* m0 C7 k) W9 d3 Z4 p9 l, `; i+ }/ v0 Y/ k* f
</script>" \) @4 E5 h. o$ W4 M! \1 ^
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
9 |* W8 X5 b6 T: v</a>; E' q! I; k* |  V* b
<br>
+ W  j! c/ m$ P/ U" ^6 M<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>4 w' D0 u4 ~7 r( s% o- m% K3 t
<br>
: e3 L5 O5 J3 I( ]<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
5 R/ z4 N6 X8 C1 l<br>        4 i3 A/ Q4 q% `4 t
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
1 M/ k$ `) {1 u5 |8 X: M9 Q<br>
4 l# @# q. c# `5 v% F2 t$ i) B<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>. l' ^! o+ I; r
<br>; {/ f: y0 V! n3 h- B; m/ h
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>; Y$ Q4 R; n+ p$ n
<script language="javascript" type="text/javascript">
8 ?- S; \# O* e- q4 c1 B<!--
( C/ _. p' @6 IsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering9 r+ K( P2 S# R, j/ [/ h
//-->
) K. q& N/ a- O" I4 C% F- B</script>