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

zw2004

<script language="javascript" type="text/javascript">, @: n3 \5 Z" ~3 I/ G  B0 g
<!--
2 Z! s% j9 S8 m7 Q// convert a single digit (0 - 16) into hex
9 L( p+ t! o. K9 {% x; ifunction enHex(aDigit)- Q8 H; q& Y6 G3 a
{. p! ~; K/ t" y; y' Y' H0 D
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))/ f( g* V/ {/ q- G- v$ t4 B
}# [9 q1 I, G" A. V" n) l
// convert a hex digit into decimal
8 [8 s$ X( k$ w& Lfunction deHex(aDigit), W; b: m5 ~& E4 `4 M+ z
{( b- o: }9 w1 ^
    return("0123456789ABCDEF".indexOf(aDigit))
! ^! J8 h% C! i2 `2 F+ X}
2 Z  T: g8 q* N+ h
: A- r6 q+ \0 \// Convert a 24bit number to hex
2 m* ~% b6 ?" M, U- b! gfunction toHex(n)
  E/ s& I$ c8 J) E{/ {" T3 n+ }# K" U2 Q3 c
    return (enHex((0xf00000 & n) >> 20) +& u% U. T" f2 P
            enHex((0x0f0000 & n) >> 16) +0 r% i" e" E5 {% r. J
            enHex((0x00f000 & n) >> 12) +
9 k/ g2 {$ q1 R$ O9 u6 b            enHex((0x000f00 & n) >>  8) +
) Q- }8 k8 r7 v% a9 ~            enHex((0x0000f0 & n) >>  4) +
, s1 E( T% \* s            enHex((0x00000f & n) >>  0))
7 d8 {7 u7 I5 a& J8 u+ Q6 ]% v( M}
) {6 E/ n7 G7 R( i! p" Y% H7 @9 a// Convert a six character hex to decimal3 W+ H$ y8 B% w% c+ ?' O
function toDecimal(hexNum)% c, I) J+ E7 c5 B
{( \9 x: H7 P1 y7 F
           var tmp = ""+hexNum.toUpperCase()
; c) x* l8 f0 Y$ N2 e( h0 b    while (tmp.length < 6) tmp = "0"+tmp. z  W* D; c8 B- n/ Q1 E( ?! ^
           return ((deHex(tmp.substring(0,1)) << 20) +
% [- t. {. S, [0 \4 s                   (deHex(tmp.substring(1,2)) << 16) +
; w, d: j% G) t4 A( o            (deHex(tmp.substring(2,3)) << 12) +- m$ }: p) b% N  S9 h
            (deHex(tmp.substring(3,4)) << 8) +2 I5 y( b* }/ N. q4 d. Y8 a
            (deHex(tmp.substring(4,5)) << 4) +
. v, w! A4 m% t                   (deHex(tmp.substring(5,6))))1 X* f& B. @/ T8 ?! C4 p
}
4 G. E0 R1 t& b5 E; H: l///////////////////Shimmering Links/////////////////////
! u2 Y7 E2 v: ~3 @# O* ?1 r//global variables
- O4 D% `3 b# H- cvar hoverColour
4 H/ Z: {" g( P5 m9 }, N0 hvar numLinks;
6 q% J% ^) D# O, Z1 `- I* Uvar rate;
& t* D) k3 `# R# xvar numFadeLevels;
' w' o+ v6 A9 T- cvar bgR;
- p7 e/ i& C0 l9 Pvar bgG;
; S1 s' b! [0 h' ovar bgB;$ s" j$ w. X1 @- ^1 X
var currR;
' x# c8 U$ N' j% F, n( q# Pvar currG;
' S6 v2 G9 |5 R1 o  _1 ^# C3 Cvar currB;
3 _" C8 o' D. @' T- z5 O3 w+ hvar count;
, v2 H) u) G) `/ V' V6 Nvar fadeOut;
1 H8 _7 I! V) r9 \- w6 {var continuous;* b' z" o( y  I: I
var newColour;4 A; Y: g2 [( g5 ?- t6 f) A
var tID;
$ Q4 @( S' `* s6 Avar redInterval;: y& `- b8 h3 d- Y. S; t$ Z
var greenInterval;7 x' |3 Y" K/ p) \: q9 k8 u
var blueInterval;
+ q( u/ z7 I9 g  q0 V4 Q5 y+ B7 Pfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)& d+ D0 |+ g  M5 k# s, k( ~$ |
{: E- w. j. L% v% j4 n! B' t, I
        hoverColour = mouseOverColour;# V1 W1 w! a( j* M' G; b* y+ l
        numLinks = numberOfLinks;/ d# b9 B+ X" Q: v" W
        rate = 1;& R% _2 l* _! M6 v. D( {
        numFadeLevels = 30;. r& V, p" ^* a. h  ~2 u
        function initArray(theArray, length, val)5 B- W- M- X9 B# ^. b" d9 h" D
        {" O/ R' K6 R( n( b* [, _$ S
                for(i=0;i<length;i++)
1 D8 c, p& B5 V1 [5 K+ S- H" w                {9 K/ W+ I. n. p
                        theArray = val;+ |# s) S4 a4 `2 Z. Z& v% a
                }
) h- H+ x! q) E9 b" ?1 Q; N        }
6 A. }3 a4 ]: b5 o( O# a% c# q: c        bgR = '0000' + fadeOutColour.substring(1,3)
/ G) J) Z( I; N  w        bgG = '0000' + fadeOutColour.substring(3,5)
) J+ K0 _& I5 f. c* \# N. M! Q" u        bgB = '0000' + fadeOutColour.substring(5,7)8 I: \" \6 V$ B7 G
        currR = new Array(numLinks);
% X& i; ]  z+ H' n6 u        currG = new Array(numLinks);& y$ l9 s1 n7 u1 e+ M4 ?
        currB = new Array(numLinks);  @% ^2 K0 r' d. s- }
        count = new Array(numLinks);$ r& s" Q8 l. L! Q! K
        fadeOut = new Array(numLinks);  y' D, Z! n& I1 R+ E  s+ w
        continuous = new Array(numLinks);
9 P  q8 B4 D2 u        newColour = new Array(numLinks);+ g0 \1 q8 [3 X7 E
        tID = new Array(numLinks);
5 C6 T8 i4 a* X8 i        redInterval = toDecimal(bgR) / numFadeLevels;! g9 S; K9 e* r) a( W( @
        greenInterval = toDecimal(bgG) / numFadeLevels;' I  d9 b# h& b2 `4 N  Q0 p
        blueInterval = toDecimal(bgB) / numFadeLevels;
# @) l2 W) o% O8 s        initArray(currR,numLinks,0);
; ~0 N: o# ]. H5 C, o. W        initArray(currG,numLinks,0);7 d+ @% }* b1 q0 ~
        initArray(currB,numLinks,0);
3 |  O, ~: K4 {* c2 ?7 p        initArray(count,numLinks,0);' _. |: I# e1 b& X2 b. w" G& I
        initArray(fadeOut,numLinks,true);
2 b3 k* x. M. E" A$ x% n, E- Y$ o        initArray(continuous,numLinks,true);
' q# o+ y4 a7 n6 V; E}       
" q  V( W, T9 S' v9 _7 ifunction startFade(id)
: [6 C, S  z; L; t: c{0 P# i. m2 P2 @! }
        if(fadeOut[id] == true)- Z7 Q& n! i+ T7 _3 U& h' _
        { /*move colour towards background colour (increment)*/
, h- m0 K1 {# y) k. U                currR[id] += redInterval;! W9 e2 n4 t2 \# a# L
                currG[id] += greenInterval;$ i2 D& R) g% f7 P6 w/ }
                currB[id] += blueInterval;
: [  t6 y) R; a                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);& z. I1 E; f4 S  V
                if(++count[id] == numFadeLevels)
! c1 ]' ^/ [# x; c5 w                {
5 s: B: V/ P- v3 e: h4 u                        fadeOut[id] = false;
- D; N4 `$ ?, A( ?                }1 [0 j! u3 \9 i1 x+ n: Y5 x
        }
+ ?) y1 O" h% G* o% i2 G5 z3 `        else' }; v4 @+ t% b1 c4 m) o/ R
        {
1 ?" d$ k; R/ M4 Y; o                currR[id] -= redInterval;
- @" z1 r2 i; V! z# `
" D) T0 O9 T, K" u                currG[id] -= greenInterval;6 j" ~+ O% M4 N6 I9 E2 [
- a$ L" X1 [$ A/ _& o
                currB[id] -= blueInterval;. x& K9 V& N3 `! {( k6 m# Q

. M! P5 Q/ v! q9 P2 @                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
+ m1 s1 V/ J1 h; `- {/ S
! _$ r4 u/ q$ r. M7 x0 o: C                if(--count[id] == 0)
& P* q8 m( H# q
: _3 H" [! {2 j                {6 u' b  W, R, a3 r  g; z
$ P/ _" `( h7 a3 J! g2 A
                        fadeOut[id] = true;" w7 t% C+ S  ~

! |% I; f  X5 x                }7 v- `, g* W5 T7 s5 D
4 ?4 o% `; h; n/ ]$ Z% [
        }
6 H" R! W, Q5 y; K. l
* Q8 O+ {' X4 ^0 p( b        if(continuous[id] == true)
+ l2 k! R9 H* D" t: \3 O5 C& j& \+ A8 x* x4 D3 N4 I
        {7 P& j- ^* {; t, ]: F4 B3 N

9 b$ L2 O4 Y/ ?  {                document.getElementById(id).style.color = newColour[id];               
9 |& U3 ]# y: V; c& I' d; S. y% J) j2 E( @. `& r1 R
        }+ B. p+ r6 F$ S/ i, V
$ \. _5 v! Q; C! B% R) p0 s: X! y
        else
$ `$ m, w1 X# m# e/ l- }* B4 `; N0 E; F7 N4 t9 L
        {# b) b4 A3 q: T" a  Q" J
2 K4 s) F% ]% l# T+ ~4 l4 a
                document.getElementById(id).style.color = hoverColour;
* M. j: d3 N2 f% [, n1 M* d) `( N7 F+ r5 I7 |; e2 b" T$ a/ P! ]
        }1 s" V" J/ Y8 v- i0 ?
4 P/ w) m* w# r1 T! W/ [
        clearTimeout(tID[id]);
# M9 L, c/ K7 \/ I0 s) [3 K0 X9 J9 Q6 T/ }; \
        tID[id]=setTimeout('startFade(' + id + ')', rate);
& C/ @( g8 `5 J- ~  t  W* V5 ?: c$ n% z4 I2 L( X
}
" j2 K- M9 A* s8 s
9 M2 w4 _5 y: \+ \function continueFade(id)
% l- m) d6 x( c; `, _2 l
7 @7 J( o( V7 W3 R$ w{: c$ q! Q; I  L; r7 q
. d/ W: s1 ?; }+ A
        continuous[id] = true;
5 q- N1 h- M. d' r+ @# Z& U1 _6 h( h1 R' m: `
}
5 H0 I3 |2 [( }3 j$ q& k$ r3 I+ v7 g% t" n+ G
function stopFade(id)9 @$ }' i7 [" p+ o  [

+ X! l0 y1 W0 {{
8 p: n. C" F# L
. A3 U/ o  a2 _! x+ H. G0 w        continuous[id] = false;+ A: I; V( [. p; a6 n
$ H6 ]9 V: Q7 W& N
}3 b4 X& g5 Y6 G6 J/ C+ ^' c' D

8 d4 R" ]- U' \5 X) pfunction StartTimers()
6 `$ s) c5 Q8 c6 ~$ r0 t6 r
0 U6 o; u0 O0 Y! Y7 j  B8 {{        //set up an initial set of timers to start the shimmering effect3 |1 b) I+ Z# c4 P% O" K  U( z

3 [: Y, Z7 Q' e# P8 t3 ^6 @        for(id=0; id<numLinks; id++)- c7 Y3 \: {! H+ M8 T9 V/ }  ]! E) w
* F% G: ]* K6 ^6 P2 O; P( p
        {( X4 ]) }, [, k
/ g0 U$ G0 t% P+ E0 I. W
                t=setTimeout('startFade(' + id + ')', id*100);
- r0 ?) R5 i' b1 n. T* v  V# K3 M1 J+ M% @( @( {  _( e& ]( a
        }- S6 y" Y2 N; O. x$ C1 r
9 f; m4 O* {% c3 \6 V
}7 n7 F5 [9 j3 \$ l( _" o! p
; v, j* b/ _2 `/ H. q
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')# k3 D% y* |9 T" z. I
/ j& J" h- C( e; f; B3 k/ y
initLinks('#FF0000', 6, '#FFCC77');; W$ S8 C+ C1 w! N- k

8 \' |+ g5 l0 I! C' L& W//-->
$ f6 S# U/ ^3 w$ g. Z# g; z1 L6 W. B( q! O5 t  E  I
</script>
* J2 R$ d7 d  A6 m" W  Y  b3 q<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元. A- ?9 O0 C4 D6 Z, l
</a>$ P3 r* \5 p  f2 z0 c: H9 t& n
<br>& |/ e" S% S1 F" i3 d2 G- Z
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>$ H9 l+ S9 z) x- c
<br>
% o+ n" I, L  k& c+ B<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
/ F$ i3 R# o3 p. D+ d' G<br>        ! ]2 ]9 F  l* J# v# z+ m
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
( s8 M9 ~8 u# u<br>
0 b+ f3 w- t. W5 [: q/ u<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>: Z% N2 ]' p  h! A
<br>( d* s  e' C2 q+ p
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
8 P7 n- h! B+ t% k2 f6 m$ M2 X<script language="javascript" type="text/javascript">0 }/ P' M. J+ r! l5 |- C
<!--
. ~, I- K/ W0 ~setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering6 X5 I1 z! R( \1 \$ ~$ O+ b
//-->
8 b& r/ v# D4 V* k</script>