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

zw2004

<script language="javascript" type="text/javascript">
" |* r1 s( k4 T<!--
; N% q, B; k& c+ U2 j" T$ J2 _8 F// convert a single digit (0 - 16) into hex! e; E" \; V+ R$ z9 L" h- `
function enHex(aDigit)
) T, b: F4 {% N1 @$ X0 A( H{6 n, |6 L- s1 Z9 ]% M5 m
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))+ [" b2 {5 q3 w+ s( T5 e
}
1 s8 U9 X4 q( \5 K  h7 t, s// convert a hex digit into decimal% K0 z/ l2 Z3 m6 o: _7 i
function deHex(aDigit)
5 j9 o0 H1 n8 C{4 p/ o+ {& E  @3 ]
    return("0123456789ABCDEF".indexOf(aDigit))/ X' F8 D* |1 c: |+ Q2 S& X
}+ u" [: y3 \8 d$ r" l

$ a$ t, H2 Q& K4 x) B// Convert a 24bit number to hex8 `  ^3 |3 p4 r/ `; W. n
function toHex(n)+ t1 N! K& o% R- r0 C: g
{0 p6 q5 z: e' @2 p8 G9 `
    return (enHex((0xf00000 & n) >> 20) +
6 t3 P/ r( G$ t4 j4 B+ F) @            enHex((0x0f0000 & n) >> 16) +
7 Z6 m) b0 l. P! t& {/ O            enHex((0x00f000 & n) >> 12) +
3 ?$ m4 i' V' n% R4 H8 W            enHex((0x000f00 & n) >>  8) +  a4 R0 @5 s" w+ P5 w
            enHex((0x0000f0 & n) >>  4) +
* @5 h5 I$ @3 Q1 {            enHex((0x00000f & n) >>  0))
% `5 c( J& @" p0 n! z' _! Y}
( y4 ]4 h$ w& L// Convert a six character hex to decimal% V) Z% Q$ A, J+ N6 G- v
function toDecimal(hexNum)
* ^* ~' ~7 t7 {% k* O  |) d{
8 w; u" {8 ^0 |; P2 Y           var tmp = ""+hexNum.toUpperCase()! W+ ~- G. O! W; u0 S8 D
    while (tmp.length < 6) tmp = "0"+tmp3 M1 i9 _7 \5 n% g: X
           return ((deHex(tmp.substring(0,1)) << 20) +) v' _# W. ^8 d$ J- \
                   (deHex(tmp.substring(1,2)) << 16) + # y" \/ j) T% h4 m3 H* O
            (deHex(tmp.substring(2,3)) << 12) +
' K2 i/ D/ Q$ `" C, v            (deHex(tmp.substring(3,4)) << 8) +/ [' x: _! K! B$ {8 K* m3 Z
            (deHex(tmp.substring(4,5)) << 4) +
9 c  @$ i) C' D' w' M                   (deHex(tmp.substring(5,6))))
8 |- j+ m% w  O6 Z/ d}/ _: d. x2 e" b" |) y- \
///////////////////Shimmering Links/////////////////////
5 u) S" B, n/ E//global variables. R3 f3 @6 @$ U9 c) p3 J
var hoverColour
7 A( }) c) o3 P6 \' g0 U3 |var numLinks;. Y; W* X% @) k
var rate;7 H2 B# _# S0 {/ u0 i8 q
var numFadeLevels;
' {6 H5 P  P; e  W9 {" v) rvar bgR;6 d# y% a- {: g" l5 n0 a
var bgG;
/ Y2 j8 Q3 F0 h5 m$ E/ ivar bgB;
- }- n5 I! U! w" mvar currR;
4 ~7 m+ e% j0 p( o$ hvar currG;! M; ?& }2 ?% ~% g! f- E
var currB;
7 o6 G% U3 v( y1 u0 e: kvar count;
8 D3 m- y3 w# X% b2 X  m3 ~. Wvar fadeOut;
  e+ J' u/ D3 j$ `5 Bvar continuous;+ o  A3 K& N2 G/ E% x% V" r
var newColour;9 W- _. F& I& F4 y4 x7 K1 M
var tID;
# ]' ?: B5 ~& r/ xvar redInterval;$ I! t3 e+ M6 X: Q8 ]
var greenInterval;
+ R5 _, C  k5 O+ M" Jvar blueInterval;
/ Q  n5 r* T8 T) Y% d8 C, {% }0 ]4 y5 ffunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)  b$ o) d) r' o- D2 X& o$ ~
{
9 v! P( n8 g# N$ i        hoverColour = mouseOverColour;
/ T; ^+ t, I" S8 p6 s1 ^9 j/ Y& c        numLinks = numberOfLinks;
3 p4 F6 v6 h7 q( C; \        rate = 1;
6 `+ D; u1 M3 {* ^# P  w        numFadeLevels = 30;2 H( n- K' n  _7 u& N! r
        function initArray(theArray, length, val)7 K$ R" d9 f4 N: p8 X: c& V
        {
2 P- v" x2 F- z5 r                for(i=0;i<length;i++)5 D: i7 q2 a- b5 P
                {
/ u, P0 E1 u! s- {                        theArray = val;
) p+ [: U. Y+ W7 |3 n                }
5 _( }- ]( |  A1 {4 z        }
3 [1 x1 ^. `; N" ?8 V  x7 X; V        bgR = '0000' + fadeOutColour.substring(1,3)' E$ S! q- L4 b# ]
        bgG = '0000' + fadeOutColour.substring(3,5)  g# K1 a, U+ k4 S# Z; D
        bgB = '0000' + fadeOutColour.substring(5,7)' G  [% d9 B) p: B) H. f% U
        currR = new Array(numLinks);
& r' c5 A- }; K+ T/ D4 }' E6 P! W        currG = new Array(numLinks);3 }6 Z; j9 C: |
        currB = new Array(numLinks);3 `0 H6 d  C# a' p
        count = new Array(numLinks);1 X8 P  G0 f7 X
        fadeOut = new Array(numLinks);
* x0 z7 a7 E! ^( X9 l        continuous = new Array(numLinks);
% s0 Q: p( [& `5 o- r1 S        newColour = new Array(numLinks);
/ l3 z+ H" E9 g7 b$ {! c7 X" P        tID = new Array(numLinks);
  ?' E, C0 \% U4 A( V2 K% x, W        redInterval = toDecimal(bgR) / numFadeLevels;
7 J" G# H* P- e! U1 k        greenInterval = toDecimal(bgG) / numFadeLevels;* t6 J& o" r) ~& m
        blueInterval = toDecimal(bgB) / numFadeLevels;
; q# V, M. a' |4 y4 X: t" }        initArray(currR,numLinks,0);. M, y8 u1 h9 o/ [0 J3 h
        initArray(currG,numLinks,0);
# W$ C8 ~% K; X        initArray(currB,numLinks,0);
+ }( ]0 P4 M8 Z/ J        initArray(count,numLinks,0);
2 z$ J; u; T% e( E1 _' S5 x        initArray(fadeOut,numLinks,true);
! `* I3 }5 v' U5 c        initArray(continuous,numLinks,true);
& {; E% S0 k* i. r, q+ w! p$ p}       
$ ~5 ^7 c/ F, }4 F2 Nfunction startFade(id)
1 [1 U, w  y" i3 @: J+ n3 R% w. g{
1 J# d. q. M  i2 O) G        if(fadeOut[id] == true)
* W% M6 R3 z! q! X! _        { /*move colour towards background colour (increment)*/# i- |& F" D  Z' \" l' p7 [: F/ j
                currR[id] += redInterval;* f( n, F/ w4 q, u; _4 i1 O& H# h
                currG[id] += greenInterval;# ?2 Z3 z: y% U# N/ ?3 _+ R0 j
                currB[id] += blueInterval;7 ?2 R" t9 ~5 q+ e6 ~0 b1 F) ]
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);4 y0 `+ t. r6 J
                if(++count[id] == numFadeLevels)
7 c, {1 ]- J+ S2 o2 S- }                {
1 W9 Q$ W4 t9 B" P: G                        fadeOut[id] = false;
' Q/ M% `( e) q3 _. n                }
, n4 @' ^: R1 q! i        }
5 o+ v$ s, }' }" h7 H  v/ C" T+ v        else5 L' f3 M" @/ o# n: Q: Z
        {
# l7 G+ u0 X0 {) s                currR[id] -= redInterval;
, e' V$ V0 f+ P. b$ j/ a4 f+ _: \7 t' B
                currG[id] -= greenInterval;
) d" S- D0 J8 g
6 l$ \- ]2 ]! W3 e                currB[id] -= blueInterval;
7 Q( y# s& A9 m2 x; q# ]: _- W) j6 r  [1 O! o) w2 j
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
: ~* m& U# O: [3 N- A2 V6 I& X" |$ h* J  b
                if(--count[id] == 0)
9 o2 G2 u# I7 L- I9 ]6 {2 x, T
" n, V2 D& U/ l5 s5 D: m9 o* B                {6 ?* [7 m3 ?. L" R/ _$ Y* Z

, Z) J/ `/ N* E( h$ Y                        fadeOut[id] = true;/ Y2 W) e0 G! k0 ?* _2 u
6 ^1 {* U9 i. @. x" i  j2 `
                }7 {6 L# @' G) \
, r! d; ]& e/ h9 a1 t: D
        }
# B4 Z6 e! T; i5 V& Q; O, P
8 g2 i% \, d; R9 s) _5 C- c        if(continuous[id] == true)
  Y9 o8 w* D- W
# w$ Q. \6 \; w( o  l! Y        {/ z  s6 S; d) _, T, `
/ m7 f( q" U: N. Y
                document.getElementById(id).style.color = newColour[id];                $ f. n" |0 H1 E0 H$ v

* @3 B9 f1 ~* Y* x7 ]9 g0 N% b        }
* ^* y* T8 T  H: X. i6 E+ t9 ]  x- P2 a$ J; M7 e- w" {- ]! m7 F2 O5 c
        else# }$ M! T: T1 C7 q  u
# k8 D- |7 S% d6 R* k4 k- Q# |
        {
2 Z" E  E+ B' O' q/ ]  l8 m) t" V. R
                document.getElementById(id).style.color = hoverColour;
( K+ U- t/ y$ d9 m' d5 W% c3 R! f2 Y1 `) W0 p% z
        }' h- M# {/ p8 d  b0 n% k

( c& K! c# L) Q$ v3 ?, w  l        clearTimeout(tID[id]);
+ v2 F, }6 y. O7 m" Q
  G0 M* }9 _+ ^/ I1 e7 D        tID[id]=setTimeout('startFade(' + id + ')', rate);
0 o! a- \" {& Y+ \& J+ {% `) a7 \3 B! e/ e$ s, h
}
9 }1 Q5 z) d2 x4 A3 P  Q0 q
# o( ~5 ^1 D  _  Z1 jfunction continueFade(id)
8 p5 L( z! I! |% C! Z3 V
( Q  t/ r% R2 b{. |: I6 S% i. I/ y! O

, w  g1 o$ V  Q: Z- r5 p- `        continuous[id] = true;
+ r8 }# b5 E; R! ^0 h: U0 b
, Z- {. \9 f& r8 \# u3 }}
. f' d# E. b( d6 J/ E% Y
6 I" C9 K' g: u8 @4 Qfunction stopFade(id)4 }0 N- D) q! v) @& N8 J+ x( g
( f( l. e: _2 |* u5 _% I) P/ V
{2 I# W1 G0 T/ d, Q+ h- {( j

; f+ m' I2 Z& R1 G: w        continuous[id] = false;& d* b7 i' z* F# l0 \0 \

" g, N0 d; T7 X6 w! Q9 F}) }7 j' `+ Y: ^* t0 v+ b0 b

# {0 t2 K8 e6 S7 o1 @2 o6 J6 V+ ifunction StartTimers()3 d+ L& a$ M; @* d( I

  @0 d$ D' X2 m3 e{        //set up an initial set of timers to start the shimmering effect
' ^6 n1 y+ Y" a( ^$ S# J1 N/ |, w3 H: K" ?. D8 [
        for(id=0; id<numLinks; id++)+ y  E7 l5 \& Y" E/ A

. v" c- O- y' G( E6 }; O2 a1 M3 p7 z        {
1 a! M' Z+ l% ~$ X8 B1 q0 [% o( X
1 s* a  n4 ]; ?                t=setTimeout('startFade(' + id + ')', id*100);
1 J4 l6 U, Z8 F5 e. w" f
  h" ^- U' ?) H! W( {/ h- C        }
9 x) W/ r$ a% b+ t
! {. }  T) z3 ~}' O9 W" y$ |9 T/ p1 u
: G/ e' \( e# u3 I1 H
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')8 `+ m  O0 G+ @2 {# L- g5 f
+ E. `; r, f7 O7 Q3 {
initLinks('#FF0000', 6, '#FFCC77');
4 a; x8 A9 S# B/ S4 c! ]# M& \: S8 O: k$ l- Z
//-->: H# p& R3 u1 \! r
& M. T9 d& C# |9 N+ d3 M
</script>
$ f7 k2 T0 L# j/ ~5 ?+ U, y<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元3 ^3 G' L& Q+ W  Q
</a>
+ ^7 b( {. e; b/ c<br>
; F; j  K4 w& o2 S<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
( f' q( U* Y+ ^# h<br>7 [' n4 l* _6 K8 Z) w6 m
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
# w/ H. [2 y8 }) a2 h* @3 Y; W/ p' l<br>       
. P" `$ i8 r7 ~) U9 p<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>/ s  e: B6 z5 f4 N, @% M
<br>
$ p6 {# O, M8 M1 i- D, v<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>8 o- `& m7 `& U
<br>
- F: ^* f6 Y# \8 {<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
, E, k" U* P+ h. s2 Z0 `# |2 \9 y<script language="javascript" type="text/javascript">% \% T* D, |! P. a. a3 f; Q/ U
<!--
8 J2 E8 F2 [& b+ E) jsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering) R/ z/ A: F; I. G: {
//-->( E  l. M, \6 ~
</script>