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

zw2004

<script language="javascript" type="text/javascript">  B$ W( }  S( P) W' D+ A8 t
<!--
) h9 x; {; p5 O1 x; h$ J8 \// convert a single digit (0 - 16) into hex
( G* j8 w3 s8 L# a5 ufunction enHex(aDigit)  @3 ~3 |% X+ P+ Z7 y+ J; K% s
{9 V5 D9 A; w, X+ n! U! D1 k
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))5 p" i5 q$ B7 e5 |
}
( T  B: v' ?6 Y7 g9 ^( C// convert a hex digit into decimal
" S, O8 N4 ~+ J! O+ [+ Q. Dfunction deHex(aDigit). |, `% r% W# \7 {4 z6 i; e1 c
{& v- T% e5 v5 C9 z% {: ^
    return("0123456789ABCDEF".indexOf(aDigit))7 t8 Q# ~, V0 Q3 K/ Z
}# s7 p% T! G* c, @

8 }) ~0 A% L4 K9 F9 k( N/ u1 P// Convert a 24bit number to hex1 u8 Y+ D5 c! m# u
function toHex(n)
8 M, ]8 n' m) y" F9 [  L0 ]$ V{
+ m3 d7 x" L/ f/ B% E% V    return (enHex((0xf00000 & n) >> 20) +& s7 U$ Q) F7 w# K
            enHex((0x0f0000 & n) >> 16) +
1 G5 v# T+ J( L2 N( E% Q2 u( v" B2 k/ [            enHex((0x00f000 & n) >> 12) +
/ \& z" {/ }1 g2 b0 D. [            enHex((0x000f00 & n) >>  8) +
! m5 Y% t, T+ ^8 F/ a            enHex((0x0000f0 & n) >>  4) +1 @. b7 F& ]+ C
            enHex((0x00000f & n) >>  0))! S$ T* i3 Y5 N3 [* [6 [
}) ^" s0 J4 G5 p' J/ d6 j' f0 A
// Convert a six character hex to decimal8 f2 h; n6 e- U% P& y
function toDecimal(hexNum)) p* m, b1 a( E; G8 u* N
{* ?0 G0 k6 E+ T6 p/ y" a3 c
           var tmp = ""+hexNum.toUpperCase()5 Z# K- k6 j3 {- u
    while (tmp.length < 6) tmp = "0"+tmp5 w9 M4 u4 U" [3 Z. G2 e8 a* J
           return ((deHex(tmp.substring(0,1)) << 20) +
! w# ~8 }- R- {* Q0 `+ I: W                   (deHex(tmp.substring(1,2)) << 16) +
4 x! v1 R+ C  n6 x" B' l# ~6 F            (deHex(tmp.substring(2,3)) << 12) +( v. M2 G8 g1 L
            (deHex(tmp.substring(3,4)) << 8) +
6 p2 h3 ^0 A% D$ f9 @! d1 |# F" b            (deHex(tmp.substring(4,5)) << 4) +% r; W+ d$ T) i( Z- S1 a
                   (deHex(tmp.substring(5,6))))/ f+ d1 p! Z4 r4 \! r4 Y
}
- y  _0 F- O& a; E///////////////////Shimmering Links/////////////////////: |( V4 G1 D' U  r0 i4 R1 Z
//global variables4 E0 X- X6 l# X1 H: L
var hoverColour" i: O9 j6 S4 ]9 k) s. l3 m
var numLinks;( i; S0 s% s/ Y4 I+ Z  @
var rate;
. F$ K9 a) [+ q- N" r$ Q  }var numFadeLevels;
7 z: B  E0 V& M; b# Jvar bgR;
6 u4 `6 [- K! K& Mvar bgG;
$ R2 G+ n! G8 ]0 c5 ^, Avar bgB;
9 v3 Z# F! B. u& a" Q) x- |var currR;
" A* E. |. l5 C, L4 H6 |# vvar currG;( g2 n# h( U- u. g4 _' U
var currB;
2 Y! W4 A% j* Y* t6 @+ |  Zvar count;
% K# V& ^) U" I: Evar fadeOut;; ~. R' y1 m& L: {0 c
var continuous;
0 C3 v' q5 \3 W! Rvar newColour;' ?. R+ L" B( L/ g
var tID;
& S. x  _$ H$ h6 o% @9 V/ _9 mvar redInterval;
2 z$ G7 K' l0 y% e; `3 i& Xvar greenInterval;
2 q' I. T; _8 r" `1 B$ Y( ]. Q* zvar blueInterval;
/ F- X1 P" B. M) X0 Rfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
' i! C$ _; ]: D. L6 B{
  s: V9 O  G0 g( ^& i+ K- H; E        hoverColour = mouseOverColour;+ C( s; f( @  V5 u
        numLinks = numberOfLinks;
$ s4 s  m1 q3 ^! X) l        rate = 1;" I# R8 P- Y1 p' ^
        numFadeLevels = 30;
% N& l0 g# Y0 u4 }3 ~        function initArray(theArray, length, val)
# Z! ^4 T* |/ x' b4 T, f" N        {
, Q0 k5 f0 o4 h' s, P                for(i=0;i<length;i++)
5 o/ p2 f, Y( M4 O. H0 h- l1 A                {
5 z; N8 a# g- L8 U! V) b; i                        theArray = val;+ m" H" V9 O% E
                }$ n6 R4 d1 W7 B) C! W: |$ c
        }
4 E% U* i5 K, u# d. h        bgR = '0000' + fadeOutColour.substring(1,3)9 n, z- w9 r- {0 D
        bgG = '0000' + fadeOutColour.substring(3,5)- v) X" r9 \9 d3 j) m
        bgB = '0000' + fadeOutColour.substring(5,7). d9 P; Q9 K" u: \& U2 P
        currR = new Array(numLinks);. k4 \2 i, n, s6 w" n4 e: a. o& N
        currG = new Array(numLinks);6 I: b$ `# D. w2 A" x% S
        currB = new Array(numLinks);
1 X, z% W( X5 U$ m" b        count = new Array(numLinks);! T1 R  K3 Q; u" Z) ~$ D
        fadeOut = new Array(numLinks);
( b* H+ V% U! Q) \        continuous = new Array(numLinks);
; }, O4 M; k- M6 F: @        newColour = new Array(numLinks);
7 T* F, @! A: h$ ]' ?        tID = new Array(numLinks);
- R3 p4 ~9 D; K" l4 z* B        redInterval = toDecimal(bgR) / numFadeLevels;
3 U# X9 S5 ~$ `2 C% S4 U% |        greenInterval = toDecimal(bgG) / numFadeLevels;* \$ h4 R* x; g* h; j* |  p6 ^
        blueInterval = toDecimal(bgB) / numFadeLevels;
2 ~& T1 u8 L9 f- W4 A        initArray(currR,numLinks,0);
3 K! d# y. ]9 J# e  h        initArray(currG,numLinks,0);
$ _+ m* q# P! N2 B' L        initArray(currB,numLinks,0);
: p; T5 u' S" j+ W! [( Q, ]# ~        initArray(count,numLinks,0);" [7 t$ e4 |6 @. c7 w6 A  s6 k9 C
        initArray(fadeOut,numLinks,true);9 @& V* t. \9 |  a
        initArray(continuous,numLinks,true);; H( @9 ^& Q& f; M9 ?
}        5 W1 b* B. y+ z8 ?+ n
function startFade(id)+ `' _$ O; k* r' |$ s3 w
{
( d* L; U6 i' i0 Q. A5 P        if(fadeOut[id] == true)
2 m& o: G1 I4 @% w* F) v1 R3 N        { /*move colour towards background colour (increment)*/
# L( A. r2 }1 `$ ~% _                currR[id] += redInterval;! d( E8 j8 v3 x, h8 [8 o
                currG[id] += greenInterval;  ~! A# F1 I# r, p  l7 \
                currB[id] += blueInterval;) p) q3 e% f6 ?5 T- q
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
; F+ o; {- W; G                if(++count[id] == numFadeLevels)
: ?4 I/ a: l* g; `/ k                {, N' P( i9 x: N5 w5 w8 f& x! H
                        fadeOut[id] = false;7 J* }. T) _4 |  ^- K% o+ U
                }
1 a5 S% N. m7 H# w, h" i% C        }1 o5 ?+ z0 `0 x* Y5 A& b
        else9 r# s/ M& Y2 H$ |5 W7 S
        {) L" t* u0 g  U
                currR[id] -= redInterval;4 q* l% e& S- M  _1 `6 Y
  `% r) F% l! H
                currG[id] -= greenInterval;
- O$ q& t0 T: c# P& Z
) d! w& s( j0 h+ Z# O- d                currB[id] -= blueInterval;/ j; d, t" f& a/ B" L8 W

+ y  u$ G7 D$ v. f# h                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
' r, Z- Q4 r* R* }' O2 y0 s" i. R! _' Z7 C
                if(--count[id] == 0), P$ q$ F0 @" v, f" w
+ Z  w! P- d- i/ F# E" a
                {# f: s4 W0 Y7 G9 F! ]+ T$ k% E* p
9 N7 F. |; l, p4 m5 U
                        fadeOut[id] = true;
9 O" V# W' J$ f9 X: R
/ X3 ~( S# `/ A0 r9 X( p, }* n                }
4 M% Q0 U! L" }
. f% S. P1 b: R# z( R6 x' i        }- o. B9 A1 V6 I4 ~! m( C
2 @5 o* ]' ]" ?/ \
        if(continuous[id] == true): j  k. [1 _( `/ C
, V) x+ a9 H( W4 @& t0 ]3 f
        {/ T% z; T9 t$ A" p# v6 Z% Q
' O6 y4 a3 ^. A! S! o
                document.getElementById(id).style.color = newColour[id];               
. E% R  T0 l: r8 X$ H# X
  M) q) W9 s; j/ M; X1 V5 t2 y        }" u) g1 e5 C# P) M2 D+ ~4 C% m. @

8 n5 K; j! z& w) s" S        else1 P7 H* J  |/ N# |1 `7 L8 k; u
& s2 b) @) S  V; f, R" h% y+ b# s. t
        {
+ m* N- M; l, X. U+ Z
4 p3 I& N/ t3 Y. O, R% S' T3 M                document.getElementById(id).style.color = hoverColour;" K& O* l! j# B4 ]- r2 @

2 g2 ]. O$ [2 y  B# G" A' E+ d( l" w        }
2 i7 E* y; f/ q  W: C& {6 {0 H6 X2 k# |8 n9 R7 `  M) g
        clearTimeout(tID[id]);
; m8 R- v" T( N, j2 j7 y% T, L) |$ [
        tID[id]=setTimeout('startFade(' + id + ')', rate);+ e: w& ]5 V' k. i/ U) n7 t# U; I
1 _% d8 z. M! n
}9 Q+ J! B' P$ S# L+ \+ ?

+ b6 k0 W+ g  x- y7 |" J2 M. L" Yfunction continueFade(id)
( m% B! o5 \1 q9 t! L  G1 ]5 P! p" d: [. e
{
2 h: O/ ~% T+ W7 U: b8 w& i. [; z. ~! F8 A+ W7 I, w
        continuous[id] = true;
% e9 u& ]0 e* y- c* C9 s3 M  r% b# \' p. B: P. h1 R7 R
}4 h' w* c; d$ r6 n

. _" K( Q$ C0 t) j5 ffunction stopFade(id)7 ~5 F( R4 E9 @0 Z# b

/ O' D' b4 _5 q, |{; _  ^% c" o- b0 z
9 X# T& t5 n$ c
        continuous[id] = false;
4 L! Z+ K8 h7 l
$ Z4 b; u1 G* h4 K; K: r1 m7 Q}  m8 Y3 a* J1 S, U* y

# t. K9 z) R& P* \( l  ufunction StartTimers()
- B6 ~  t& B8 e. e9 g
4 A5 h1 o9 u/ F7 ~; E( h{        //set up an initial set of timers to start the shimmering effect
# d% t. K0 d' Z7 ^
+ c( G0 p" g0 r; z        for(id=0; id<numLinks; id++)
! K) v8 @  T3 v& k" m# {# I3 }; x0 b9 {
        {* c0 v0 u% k* q) I1 o2 D. ?
; M- b! f! C9 r! U' }) }
                t=setTimeout('startFade(' + id + ')', id*100);
0 r  ^, y8 f& N. D1 M% k& J( ?' K/ _2 c
        }$ z6 e, r' r, E6 d9 W& L
4 C% f9 p+ ~$ l/ U$ L
}
8 f1 |5 w; c2 p7 v( s! I+ S
( H; g) M7 S/ o//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')5 O' K- m  Z8 A) }" I4 T

6 y* f; @# |* Z. w  A# Q9 K. q# n( K. _initLinks('#FF0000', 6, '#FFCC77');1 o1 w' m! v6 ]$ E. F
3 g0 x! A, o/ s- k3 N+ B, B9 `" e
//-->
0 B  A7 A# h/ a4 Z/ f) R7 u# y1 N6 h1 R; C% g4 U
</script>
, k$ ~" M# Q, J1 C6 i9 X<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元3 O  p7 i  S2 }/ T1 u- H2 k
</a>2 }+ \2 a; Q5 M5 m3 V
<br>
% l( z+ y0 N: Y: N. {( Q<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
8 T# I1 U; `1 V<br>' I! ?0 u2 p" A- \9 X
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>$ k$ c/ v+ i9 ]; y0 r
<br>       
9 H& @3 u2 l- R4 Z4 A  }<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
0 u1 r6 y4 U- c% c& D' R<br>
, L5 x  U+ n6 _" |' J<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>. r5 L4 n, H, m* M2 i+ S
<br>$ Q0 u& I$ G. N! l& n  o
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
' e/ l: P1 H' n/ I+ N$ S$ \# D6 ~<script language="javascript" type="text/javascript">
4 R4 R1 l, Q2 Z<!--1 e1 Q. q/ I' c/ M
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
8 p: p6 B9 d" Q! q5 A8 D: L6 r//-->2 W" E( Z" S' q( Z9 }" q* ~
</script>