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

zw2004

<script language="javascript" type="text/javascript">
* c: D+ C/ |* O: c/ o/ f<!--: b5 A" W! z* V
// convert a single digit (0 - 16) into hex0 Q& R/ A# Y" D& \: {% i
function enHex(aDigit)
. `% Q$ O) _; O0 L{& f" M! l+ B+ g7 D! A' x- I, J
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
2 D0 F6 @8 J1 q: f& w, B}
6 N: Y$ }# p. \1 H( A- Z8 s// convert a hex digit into decimal( L  j9 F: `( U1 C* Y8 @  h
function deHex(aDigit)0 p$ W. F0 p: a6 n2 K. d
{
% v- o. A# k9 d* Y5 ^    return("0123456789ABCDEF".indexOf(aDigit))
" U& x) l, ]; ~/ G' j# T2 Q2 C}+ P  e. v0 `9 o) |

( G9 v/ Z; @; c- z" H( }( X// Convert a 24bit number to hex
' p; T6 X6 N" O  s/ v" a+ w1 nfunction toHex(n)
4 v+ z9 H" e) F4 l3 b; M* J. \{
7 x* R  K/ N  Q& Y: I! T! x    return (enHex((0xf00000 & n) >> 20) +
1 p/ h; l; j2 q            enHex((0x0f0000 & n) >> 16) +- X7 V. N0 `8 ^1 ?) L) H, c, u
            enHex((0x00f000 & n) >> 12) +/ L  v/ e+ V$ F, P
            enHex((0x000f00 & n) >>  8) +( u4 e$ B6 i, h5 e8 a/ I0 e
            enHex((0x0000f0 & n) >>  4) +
/ i# b4 e; D+ t            enHex((0x00000f & n) >>  0))) K3 j. T# _$ Y: T
}4 }2 R' N$ Z  l6 s
// Convert a six character hex to decimal. O  N4 U4 U6 {2 K$ w
function toDecimal(hexNum). W! H3 {) i' A- D- d
{7 L1 L. j# I) \/ K4 g& w& x
           var tmp = ""+hexNum.toUpperCase()
9 N; S) e% t4 Q0 I- W    while (tmp.length < 6) tmp = "0"+tmp' t; C3 l3 R$ T2 z  H& g2 I" z
           return ((deHex(tmp.substring(0,1)) << 20) +, _0 |3 \, j% W, A4 i. h0 I& j
                   (deHex(tmp.substring(1,2)) << 16) + ! d. z7 T9 [: K2 s2 S2 T7 h. z
            (deHex(tmp.substring(2,3)) << 12) +' t) h) N; r0 |9 y6 B: M
            (deHex(tmp.substring(3,4)) << 8) +
3 `; q/ e3 L' i            (deHex(tmp.substring(4,5)) << 4) +& h/ y5 |9 Z. L3 N% p7 @3 \
                   (deHex(tmp.substring(5,6))))) g, c& c! W, g
}& K- }0 l8 Y( [/ e) C# T- M
///////////////////Shimmering Links/////////////////////
. t6 ]' t& ^3 v//global variables# d% t- I/ L, d+ a
var hoverColour
7 x/ X1 x  \8 D+ S/ |$ c/ pvar numLinks;9 D4 T# P$ u( {% V! I- A7 @
var rate;' Q, p: A( r5 b
var numFadeLevels;
, E- a2 H) v# o* dvar bgR;; r& Z. i% c3 p& z4 b
var bgG;/ B+ b8 o( v. n- X4 c# _  i: `: M6 F
var bgB;
  e7 r" _+ [: t& y9 Z1 J* k: M. {% Rvar currR;
$ V  g, ?# Z3 R8 `2 V8 q# E+ n! L3 B& Fvar currG;
  N3 P1 F# E& g7 Mvar currB;
2 z! y$ A# u5 M. a" C( Ivar count;/ a8 q9 V$ q( b
var fadeOut;
! ^" X9 {4 [1 Wvar continuous;3 ~* O- p) U6 A: I9 R& }: P0 v
var newColour;2 m& k8 K$ H  h5 _( f" d0 _( M% E
var tID;
6 V# h) A: b% ?3 o1 avar redInterval;: @2 ]/ h2 t; M7 [2 O
var greenInterval;( Q" f+ C0 c" ?+ Y9 M4 G+ C
var blueInterval;* C3 [: I% ?, h0 f  z
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
/ T/ a' Q6 c! p- Z1 R- `! k{
/ f3 v6 H& `* s3 W9 n        hoverColour = mouseOverColour;0 I% J% P* y3 M; c0 f8 ]
        numLinks = numberOfLinks;
) t# }) C" q  F* M: m0 A: b# E+ f        rate = 1;
8 |3 I. ~% D, M! e; t' H# E, C, f/ a        numFadeLevels = 30;$ G* b5 _% T5 Q0 Y! i
        function initArray(theArray, length, val)
# k; E4 z8 X! k% X        {
: o% F+ |* M7 m% Y" g                for(i=0;i<length;i++)
5 k! n+ a2 p# u' U                {
* s6 m: J) ]' n) k$ |4 U( S                        theArray = val;, w+ h+ h+ ]' Q+ j1 Z$ W# m' j
                }
+ M5 b+ K0 e! M6 a' O        }: T! B" @7 l5 v1 r
        bgR = '0000' + fadeOutColour.substring(1,3)
" ~- k8 W, }; T' v9 \& z6 r+ R        bgG = '0000' + fadeOutColour.substring(3,5)
' r& v5 ~. X! N  V0 a# O3 n        bgB = '0000' + fadeOutColour.substring(5,7)  _/ \2 S0 l3 _* W7 n" _  p
        currR = new Array(numLinks);* J. [; A9 p) g- Z  j' Q/ F* j
        currG = new Array(numLinks);
) X: P2 X2 \5 K) j! H" u        currB = new Array(numLinks);
* Z& A* f- V5 }" ?* P        count = new Array(numLinks);; \) k# ]6 D; q& P% N0 n
        fadeOut = new Array(numLinks);" Y( [5 V9 Y/ [6 s
        continuous = new Array(numLinks);
* e! I* o% O; B        newColour = new Array(numLinks);( h# Y0 _! H1 S* F: `' }
        tID = new Array(numLinks);
2 x( R' K% R  J        redInterval = toDecimal(bgR) / numFadeLevels;
* P6 B8 P& m0 l3 ~  p! w        greenInterval = toDecimal(bgG) / numFadeLevels;1 g1 \: k- ?+ a4 `( ]: W
        blueInterval = toDecimal(bgB) / numFadeLevels;
& p+ j; q8 p2 c7 |) W        initArray(currR,numLinks,0);
% B& r$ z( C& g3 e( `        initArray(currG,numLinks,0);
! e; [& Q2 a1 O, j/ `' o        initArray(currB,numLinks,0);
" G9 y' b. k+ S# n, [        initArray(count,numLinks,0);
3 S( K8 \" O& L8 _: k        initArray(fadeOut,numLinks,true);
7 x, y/ |: I9 D- a* s        initArray(continuous,numLinks,true);) y+ z# }2 b  l* F0 f! b2 W$ `
}        # l+ j5 d: w5 s9 n0 z2 L, Y
function startFade(id)
- N" G" O+ L2 o  u: l% @{
9 |- F2 ~2 i8 _! s        if(fadeOut[id] == true)2 b( n$ z' a% I0 f8 Y$ B) Y1 s" x: P2 R
        { /*move colour towards background colour (increment)*/2 w  d2 n  Q( }5 B. W- Q9 M" ~
                currR[id] += redInterval;3 a+ x+ V; ?2 N( }; {8 [0 v
                currG[id] += greenInterval;( ?2 O$ A& }# m) T; ^" V
                currB[id] += blueInterval;
$ A) [7 ^1 B7 y: Y                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);7 V# x' Z% k/ W$ r1 I% a- u
                if(++count[id] == numFadeLevels). x' |# f+ z7 t: b# D% u
                {/ i( P: U/ u$ I7 m' C+ L# y
                        fadeOut[id] = false;
) Q6 `/ L0 X9 J                }
/ D. O+ F( e  q        }
' S7 H4 n( E  u6 S( u) L# Q        else
1 [7 b$ @  V/ o& K/ P3 w: X        {
! C* M" d  M( F: x7 J) R                currR[id] -= redInterval;
# `- P! U9 l; T' |6 n7 b1 [
$ v% @" ~. e3 y& d& R# H                currG[id] -= greenInterval;
2 x1 t3 a! v4 e; Z1 X
5 k* Y6 \% z% [# p                currB[id] -= blueInterval;+ {. m) p. w* L# S, ^" l: `! ~$ y

' U) A: u( z% f9 J8 s" F                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);1 W. P; o. E; D, w- c) G- d
1 E+ m& j- Y% H1 C, D* {' A0 ?
                if(--count[id] == 0)
* z, M' a8 \% \+ o. R- [5 H2 L4 B- q  c& W9 _7 n
                {
; q2 `" @. R4 ~0 W9 S) M. Y* B
4 t# k" b5 s, L" ?! Q2 k; s5 F5 g                        fadeOut[id] = true;7 Z: \2 ~3 x7 k+ ?
% A& D9 q& W& E+ v4 M
                }
, \2 r  Z- b+ I0 F
+ p. [/ ^2 C$ R$ a1 d' u! T        }
3 U3 j) `1 m- ?+ L9 r0 t
  E6 E  |, u. g, Z: Q+ w, k        if(continuous[id] == true)4 Z* T7 u! a- q7 X) Q7 t

3 l+ b- l# o( Q2 z' u3 T# W        {
2 _% m5 h: e: ^: {. e* R0 e
" X6 g' X' ~7 \) l                document.getElementById(id).style.color = newColour[id];               
5 y& O9 U. _0 L2 `3 m! ^
4 o7 [2 q: p; Y        }
( t) D* A1 T  |& [4 d9 O; }
- g% g% U4 v( T; \/ ]9 t( S5 X        else- l5 ~5 ?' I1 ]) ^. @/ C, X. s

/ L* D/ l' d- A$ L& a5 T        {4 q: @+ [) J3 a& \& ]

; D/ K. J- z5 W% @4 a                document.getElementById(id).style.color = hoverColour;! Q9 E! A' Y. V9 r3 N
2 Z2 Z4 P2 l) T0 P8 K
        }
% H$ D9 N* B$ X! ^9 O# Z
& x: Z1 b) y4 b$ ^& H        clearTimeout(tID[id]);
' _' E: L* f# a7 n6 W0 F- r5 `  q5 M1 w
        tID[id]=setTimeout('startFade(' + id + ')', rate);5 ]5 [1 k) _& j

* g. r) `( I, |) }}
! P! `) B9 A! t- B3 \5 P7 I/ l$ |3 ~7 N% T, X% v! N# G
function continueFade(id)
9 b. [! X5 v( a% _9 |( D: Y& R3 d) z- o2 B& ]
{
! u; K! k$ T2 O: @1 B* Q2 n, z+ j6 ^& g! K# }* M1 W
        continuous[id] = true;, j! V9 I3 R! g# x

& Z) L4 F- r% N  f9 [}  p  C" f, W4 ^+ h
, F- v8 w  B1 D( a- J6 n
function stopFade(id)/ d: H2 M1 M1 Y# F% l5 V( C
' z$ C" Q; W5 H( i- N! h- H
{
3 _* Z6 R7 {- d3 ?+ t/ }; r9 S3 }! E) G; J* {, q
        continuous[id] = false;: L7 |' B' l0 P& U
6 A, I' b4 G* @! s5 e, F5 G  L
}2 @( K; J) I" B& f5 h

( b6 Y& F# w- A: h. N6 d$ ifunction StartTimers()
+ k6 [& A" v! B' Z0 n5 ?, a  \3 s9 i6 g% @8 K
{        //set up an initial set of timers to start the shimmering effect
( ?9 B. {' b0 L: J8 T- {! i% T# i% s( ?
        for(id=0; id<numLinks; id++)
; g! M) j# ~0 u' w9 V% j( V: Q) q
. q$ e# [5 g9 C  A& `        {3 k0 x. \" P7 }# c
0 ?4 f: E+ I' E. z0 a, H
                t=setTimeout('startFade(' + id + ')', id*100);6 d9 W: G/ h7 m5 u
4 M5 a3 O: b& @% y+ @
        }
+ W0 A7 p" s" _# A/ I6 j
* r% }  M, ]1 c' O$ J* {. N}( j2 ^" B3 l( N; m% y* u9 j
! S0 ~0 n8 q, t" G) Q, k; E" }
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
* ]& L8 h& j/ n$ L" t" x, J
* n! O- [0 L* w: iinitLinks('#FF0000', 6, '#FFCC77');
; h; ^) V; ?! i* S8 J& y
$ @4 P8 D: _$ g% i//-->8 h* N2 R1 `; `. ]
5 h) _8 u+ r, r4 }; T
</script>' r1 Z+ k2 c$ l
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元: ]/ t, r: g# j% Q% D
</a>
+ n/ v+ F; E# {( L7 e<br>
5 @1 k& Q# e, K& G  u1 G<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
7 h7 x7 m1 r# ]4 @8 X6 U4 T; L6 u! P<br>
, |0 ^9 v& ^+ f( X<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>" T8 e5 g& T4 Q3 n/ F
<br>       
/ }0 G0 ?" C1 O/ d& ~0 \<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a># J$ ^2 \7 L% r
<br>
  N2 J+ a! k+ f' K<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>* F/ X1 Y7 Y+ B5 @5 d! u
<br>
7 j7 q' s% R3 ?& o3 b- t' v<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
6 ?2 Y! R; \2 w7 s<script language="javascript" type="text/javascript">
: j% U+ p; r% n3 J<!--$ y. U" z% U7 F# T; L
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering" @5 [6 V: S7 }( s% ~3 ?& ]
//-->  {2 g: w. \  [2 A* K- q, y# V
</script>