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

zw2004

<script language="javascript" type="text/javascript">
% }* u. K% @& v! O<!--" {& v3 M1 z( A2 F, [" ~$ @" E! _
// convert a single digit (0 - 16) into hex, ?3 n# A) R: N2 S
function enHex(aDigit)
( p3 a& X7 e% y+ W* D* b) E0 V{
' S1 v8 v* D5 y    return("0123456789ABCDEF".substring(aDigit, aDigit+1))7 d4 N0 U. ~* q+ ^2 U* z
}, k. }1 l/ O6 y2 k
// convert a hex digit into decimal- H$ V  a3 P) L1 D
function deHex(aDigit)8 i( }, x; K7 D4 x  P  k5 m. F2 L
{
7 b" J+ n1 K# `( x4 Y- h8 i8 f5 A, U    return("0123456789ABCDEF".indexOf(aDigit))  l1 r8 T: B3 ?+ L  A
}7 Q$ Z) a5 M( [2 y
8 f) x7 ?  T2 V0 I$ M. S
// Convert a 24bit number to hex0 ]5 T* {+ b8 O! X: L/ x
function toHex(n)4 @+ u7 r( v7 h# O( @3 P
{; ~3 P4 W) K# K' X# Z. r) K: \6 G
    return (enHex((0xf00000 & n) >> 20) +7 T2 \5 s6 E# ^. y! G' {
            enHex((0x0f0000 & n) >> 16) +
+ o' r4 F# t2 g. y+ n            enHex((0x00f000 & n) >> 12) +
( W! ]* z8 z3 A            enHex((0x000f00 & n) >>  8) +
! A6 C" m* E8 H2 S' w            enHex((0x0000f0 & n) >>  4) +
) J) J. h& c. _4 `* l& Q$ y            enHex((0x00000f & n) >>  0))
8 @# I/ e+ l, V4 S" e8 W}
$ |2 `  ?. ]7 \$ l// Convert a six character hex to decimal
- y; Q7 _1 K' j8 x: nfunction toDecimal(hexNum)3 p" L; P$ D0 p* z: k1 O
{
, T9 x0 E& {) Y- y           var tmp = ""+hexNum.toUpperCase()7 x% E6 P$ _% W! a& g4 w
    while (tmp.length < 6) tmp = "0"+tmp
. p" ]. {8 u4 d, g/ E           return ((deHex(tmp.substring(0,1)) << 20) +; V/ l1 P$ W; ]
                   (deHex(tmp.substring(1,2)) << 16) +
. |$ d& @, U6 K. n% W. }4 d            (deHex(tmp.substring(2,3)) << 12) +
& T; p" A1 p9 y! U3 }' }            (deHex(tmp.substring(3,4)) << 8) +
4 n1 J6 ]) H6 [            (deHex(tmp.substring(4,5)) << 4) +
* z7 i) [6 S5 ]# F" C- i                   (deHex(tmp.substring(5,6))))" P" k6 b1 }0 \% A$ o0 A
}" _, _% K5 R7 r# t4 L5 J
///////////////////Shimmering Links/////////////////////0 P; B% s7 s0 O. Z" \6 U8 y
//global variables
9 E' N2 X; I4 V1 W8 s# `var hoverColour. \6 S3 Z' k- A# \: E6 i
var numLinks;
: f7 p2 D9 `- M; U' ~var rate;
4 `. F: r6 R" @3 jvar numFadeLevels;
* P8 u6 l; i4 h& L0 f7 Tvar bgR;
1 I! [0 Y& K& [0 J  s# w& I3 Uvar bgG;
- v  r$ I8 {; r  c  e9 wvar bgB;+ ?) u  H; ]6 j) \9 p9 s
var currR;
5 s. c8 n# j5 ~. r" h* Avar currG;/ A7 l1 f  r6 x
var currB;
- x1 w8 Y% T) j9 y8 @var count;
  P1 D# c' c8 Wvar fadeOut;  G1 E5 W; H  G* B2 y: {8 b
var continuous;0 W, l" m8 A. K0 Z- }7 u4 e+ N# R0 _
var newColour;: }. m: e3 |4 T1 _" U7 H' h
var tID;  j+ O# M1 {; e, m& w
var redInterval;
6 j" D6 q; E6 s$ d4 Fvar greenInterval;/ t& O. S  H) `% ^, I! T2 F' b
var blueInterval;2 D8 a* t' L  n* A8 K8 R
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
* p4 v' ]- d/ k% e; M% e% V{
8 v* z& Y4 m. T        hoverColour = mouseOverColour;. Q. i- K% z. L( u4 c) S
        numLinks = numberOfLinks;1 E/ \' w: N7 Q( F; w( |6 y& X
        rate = 1;
/ L9 J" _8 R2 H! m        numFadeLevels = 30;( E! o) Z: D8 _
        function initArray(theArray, length, val)
9 _% i4 [( I( S* m  h4 a" T+ y        {
6 y) w0 E  S7 k" D  b6 M" j                for(i=0;i<length;i++)7 @  }) U' p/ q" Y! {6 H( I% z
                {% ?3 \6 s1 J" A$ E+ }# k3 N
                        theArray = val;- |# O9 w4 f7 s5 h7 q6 O& {/ O
                }+ Z$ e3 R2 r) W6 e8 D  Q) N" L- U9 x
        }
+ I& o! {2 `, L        bgR = '0000' + fadeOutColour.substring(1,3)
+ L3 M9 r% P! m/ x9 i) E5 J, {        bgG = '0000' + fadeOutColour.substring(3,5)3 u9 n- Z, `* \! l* `( Q
        bgB = '0000' + fadeOutColour.substring(5,7)
# |7 W$ s3 T# j9 W, a        currR = new Array(numLinks);
8 A/ [" s+ `! r        currG = new Array(numLinks);
# p  w- ?! e( ~7 {# D/ g* N        currB = new Array(numLinks);3 h( h3 J# G" A
        count = new Array(numLinks);6 i# ~0 W$ s6 O( Z3 @3 |2 I
        fadeOut = new Array(numLinks);- D+ v( ]2 e5 ^1 x1 l4 q8 n
        continuous = new Array(numLinks);& i; ^: |: l- O7 O/ b! k1 j
        newColour = new Array(numLinks);) g. Y7 O# v, q& C/ W& G1 v7 v
        tID = new Array(numLinks);
- Y' P! j2 z5 d) h6 V1 O        redInterval = toDecimal(bgR) / numFadeLevels;# j; y* e3 ~5 n! A- x+ t9 y
        greenInterval = toDecimal(bgG) / numFadeLevels;
# B$ W$ r3 q1 h* f( X" M        blueInterval = toDecimal(bgB) / numFadeLevels;
2 R& z8 z+ L$ H        initArray(currR,numLinks,0);) g9 s2 G' N+ B8 ~
        initArray(currG,numLinks,0);1 I" N5 g7 F# |- W- ]6 D5 J7 ]
        initArray(currB,numLinks,0);
  z$ ], y+ Q7 H3 }+ d* @& B# a        initArray(count,numLinks,0);
5 ?  X% Q2 ~( M7 L        initArray(fadeOut,numLinks,true);5 H+ T& M0 t2 k" @! Y8 y5 o5 ~
        initArray(continuous,numLinks,true);
5 \! S! U( _7 _6 ~}       
3 X  R4 x8 y( e6 J. afunction startFade(id)
; ?  W; }1 ?- G  |/ ?( J  m7 S0 ?{
, v9 y, G4 @) j( s' [9 Q+ J1 ~        if(fadeOut[id] == true)% y' j, n2 K8 c1 e
        { /*move colour towards background colour (increment)*/0 W+ B2 v: \9 Z+ Z& O3 q
                currR[id] += redInterval;
% |. w# U6 i+ g                currG[id] += greenInterval;. k, e- Z% E5 v
                currB[id] += blueInterval;$ w0 ^& R% B2 R5 a- E1 p
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
$ Z9 G9 L$ X3 s: l# B# Q: L                if(++count[id] == numFadeLevels)0 [# r3 J% D# a$ I9 R
                {6 q! I6 N) n0 M; G1 Q/ f
                        fadeOut[id] = false;& H8 G# T: W9 z2 ?4 I" @
                }
' t; I7 B) P- {( J- p% o/ _        }
) R2 k2 H' o2 C( q8 F, t        else
0 T' f( _+ x  t        {
! @8 l& l$ G2 D7 z3 Q+ x                currR[id] -= redInterval;
( f- I3 L0 ?+ _: y
" c0 y& N) I( d5 d0 L                currG[id] -= greenInterval;
% T4 e+ M: Q+ M  ]% n9 ]5 N3 e) O5 G
                currB[id] -= blueInterval;. W  E# }. E/ e9 r
. M  v0 }* m3 G1 u  s2 t2 }5 r7 M
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
6 p( f8 e9 q2 a% U
+ k% y) {* N, v9 q* G                if(--count[id] == 0)* A! r5 R9 ?$ n5 j2 D/ p

; {7 `: C( b: A# F+ X, i                {6 @' w( p. E2 C9 O) g
- Y. J2 i/ p/ P/ G3 |
                        fadeOut[id] = true;7 n2 n: ?) \: F+ R
; C0 {, a% Q* j$ V
                }
7 v! q1 L7 j7 v7 i( Z
. h3 o6 R/ b" Q& w4 R        }3 _0 z  h9 |6 Y
1 J. e; v, h7 H2 Q+ X
        if(continuous[id] == true)8 ~; \/ g1 H) Z' A
' y4 J, R! R, M/ t* k  U2 i/ |8 X
        {8 |0 W0 ^/ W' @% g( [8 p. G3 t$ ^0 [

( E" S  P  c) o  q/ K                document.getElementById(id).style.color = newColour[id];               
% g: V7 ^% W  s7 P
, |, O1 @4 @* I1 U3 F        }. M; e5 ]# C/ j: n& J, P
/ R. n. |" ^* U9 `- ]5 x
        else& I; K" E# o  N( n

( {" \& ~, g0 D) O& v        {( @8 W' r7 S, i% l. t  g8 c1 w. i7 B
1 D6 p, S, J" p
                document.getElementById(id).style.color = hoverColour;
4 N' S7 ]- `; Q6 b
- A; }' r& ]' Y5 ^2 l$ d+ A$ j2 \        }& P% F3 g+ W0 ^

2 O1 d2 J$ V7 T& m: u& P        clearTimeout(tID[id]);
) @  b3 J) y" i8 |1 ~. Q( @  N& {* i6 E" I5 s
        tID[id]=setTimeout('startFade(' + id + ')', rate);, r$ A, i2 Q0 o

; n. S: l/ N( J" q& {/ ~}- ^' U( C% o: c: {* J* ]; a+ k/ u
7 L+ O, o3 T. h# L
function continueFade(id)
0 N9 ~+ S6 H5 P) ?: u
# }+ ?! I& R8 |4 T{
: l7 n$ A! {5 w0 k/ F1 t: V$ F8 y7 D
7 ^; o6 t' F& L$ C        continuous[id] = true;
& D# q- w% f9 X- [. r
2 `2 Z$ g, {& ]* E! U( H8 _}: b6 f+ e. F/ T' e9 c  ?1 l0 |' J2 f6 m
' J& G1 E. `% K5 y+ n
function stopFade(id)0 t! C( ^( T6 Q0 o# s: r
9 {6 ^$ _; A" c. G* D5 a
{: ?) U( g8 D' D

  \- k  F! A% h" `, a        continuous[id] = false;
# |/ n, ~3 k9 U2 E$ v$ T+ ~
- c" W: \( h) W# \* U) b4 W}
( q# K1 y. J* r3 a9 u/ U1 i, D
/ G# D- Q% r9 h! ~/ P: ifunction StartTimers()2 l: ?4 w* w0 S+ z5 U, e
* m4 }; w* j4 j3 ]) _, V! A
{        //set up an initial set of timers to start the shimmering effect5 m5 X; K" s2 n* Z

$ O! ?+ i4 m+ |% x        for(id=0; id<numLinks; id++)3 S7 Y8 U, v8 f- a
3 Q3 C/ g1 ?: @9 i. A* D% A) r: P( f
        {
0 u8 K7 d' p" o
+ M5 B/ t' @5 d/ A                t=setTimeout('startFade(' + id + ')', id*100);8 k( z9 h2 M+ L: \* m" T* H

% ], o) ^' @0 n" s8 g        }
) u2 L% }4 P) c/ ^0 y  [
, h. h& J2 t* u}
9 f3 U. s; E5 d( L; ]* y* p/ A; t
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
; d  X* c5 ~* s2 H' T% T$ g8 i2 [% W1 p. @
initLinks('#FF0000', 6, '#FFCC77');6 |! G* _' M% _* N& m
1 Y8 R/ Q6 A+ b" `) W
//-->
+ c* S& _% z; {" r) A8 ~  C* g6 g! e6 C. M
</script>" R( u& K  ]1 R) ^& @& @
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
% j" K; {) ^  ~  T, m</a>
* c- U! L; I5 e) ]<br>: h3 w4 T2 k2 E3 W  ]+ K0 v
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>( K& q6 p' ^; p* w( m
<br>
% H* @4 |0 W# K3 |" \1 P<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>: ?2 x7 ^- {" `3 u; a- w; d: t
<br>       
" S/ E" y' t& D& T3 M. \  b<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>0 u0 o+ G# p4 |. Q
<br>8 l3 w- \1 h# @: J. v3 ]4 D
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>1 u! B# Y% h- Y2 a5 t4 V
<br>2 ]5 w& `0 R8 V  H! `
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>/ Y1 h, M# c* Y2 d; t9 N- |
<script language="javascript" type="text/javascript">
: D6 u4 r% L8 e9 f( P8 Q& H<!--
% E* V2 I6 x1 y* qsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering# Q( V- o0 s: a# t6 K0 y: M
//-->
+ u# G9 w5 V+ v4 M; V</script>