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

zw2004

<script language="javascript" type="text/javascript">
: J. ^' [, B4 s- z: Q: i<!--0 Q. c1 h5 ]7 A% z
// convert a single digit (0 - 16) into hex" F7 {& N7 f% ]2 T5 g8 ?
function enHex(aDigit)
! j1 G) m" ~% G! Z: n{4 d( @& n& x/ b" U# U
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))8 Y1 V' ?/ Q+ _" V
}, e2 l- U% g+ o0 x' R
// convert a hex digit into decimal% w8 Z- Q, D3 y
function deHex(aDigit)
9 P  j' H6 B5 u' U; U{* [+ S! M& m) P8 u: z
    return("0123456789ABCDEF".indexOf(aDigit))1 E+ R$ v+ _- W+ n' M7 P% G
}2 D4 ?" H# x& |# I8 S

* ?* P  h" ]2 N, l/ N5 F5 c// Convert a 24bit number to hex0 a. C5 M3 l% f9 P/ ~
function toHex(n). m! c( _5 L3 g4 N9 p; N5 q6 y  _
{
7 Y9 G% Z* L+ P# J$ f    return (enHex((0xf00000 & n) >> 20) +" Y- a* l' \; e7 k: ~* I$ Q; B9 Q
            enHex((0x0f0000 & n) >> 16) +2 R, p( U3 m! }
            enHex((0x00f000 & n) >> 12) +5 \1 j  \  _( X  k  |
            enHex((0x000f00 & n) >>  8) +& P& r* i$ z5 w' r
            enHex((0x0000f0 & n) >>  4) +7 ?0 f8 ]' C! Q
            enHex((0x00000f & n) >>  0))( D8 r. w: ?& E5 [, a  f
}
/ q9 z% c4 y" W: S// Convert a six character hex to decimal
" X; E4 O" \2 d4 c3 H9 Zfunction toDecimal(hexNum)
/ i8 M& _  g7 H{/ Z4 J* @! c2 C) c) l1 H$ ?
           var tmp = ""+hexNum.toUpperCase()" c5 }- F* F6 K$ g5 U9 O( U" F
    while (tmp.length < 6) tmp = "0"+tmp
9 p; w( N+ u) h- Q/ A           return ((deHex(tmp.substring(0,1)) << 20) +
, o: b+ c, |/ R0 u2 Q' c; k                   (deHex(tmp.substring(1,2)) << 16) + 1 I+ ^1 q8 H- }7 L7 u, g& H  J( G
            (deHex(tmp.substring(2,3)) << 12) +0 O5 p; D# |& r. t
            (deHex(tmp.substring(3,4)) << 8) +
3 X3 r5 J0 @! s5 b+ Q            (deHex(tmp.substring(4,5)) << 4) +
, |  H. ]2 K, r+ A* y4 s( p6 T% a8 x                   (deHex(tmp.substring(5,6)))); y4 ?: M2 e; J
}5 M) B; o% e% d7 P0 u6 n, ~+ F
///////////////////Shimmering Links/////////////////////
0 C  D* E; D/ O  V5 K3 V$ q//global variables
, v% s, n- Z; o7 B# ]  ovar hoverColour
* r5 n0 ?# }: Yvar numLinks;
- n: p& Y, Z  t3 w& Avar rate;
% ^+ o' ~  Z9 o3 G" C7 ^8 m# E: d) vvar numFadeLevels;
* T4 w% K4 i, a/ K& N5 {9 }2 Dvar bgR;
1 q2 P1 x' d: Z, r4 ^( avar bgG;
& O) v+ ?4 O. B/ E3 N$ }6 g( lvar bgB;
1 ^5 w- z" ]" e! @var currR;: q8 a: \% r# a. K4 E7 g5 p
var currG;
3 G# P# O* X4 t# y6 n* w- Gvar currB;
$ P+ E2 w$ w5 z, m6 e) j2 J- Bvar count;
7 G# {# j, k% \var fadeOut;. a3 k1 e* N3 U8 T6 w% i
var continuous;
: R& T) D  c1 x& t- R# ]' ivar newColour;7 b  J" S. }1 {! @4 `' V+ ^
var tID;# ]) [" p" `2 f+ h4 i3 ?7 }$ |
var redInterval;4 b1 c  p! D5 A+ J
var greenInterval;
: S- v( R1 x. vvar blueInterval;
) n5 N9 N3 O5 t& p8 p- i6 afunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)5 l  R! ~+ y; H5 C# n
{
# E7 W2 X5 v% S& E2 F        hoverColour = mouseOverColour;
% s0 M% S$ T4 [& ~# A& B        numLinks = numberOfLinks;6 ~# g2 Z2 `; o9 M+ i6 \; C  G4 ?
        rate = 1;( P& S- C/ y6 g3 S3 V: `) e
        numFadeLevels = 30;- u/ c) w3 Y+ T: m* x3 e  {" K( I5 T
        function initArray(theArray, length, val), X2 _& T5 |& o1 F2 |7 d; U
        {
; q; P  B- C1 D# u* V7 S                for(i=0;i<length;i++)3 b5 F2 m2 m( y: d% X# ?" g
                {9 W3 g" V: E9 N0 |0 ~
                        theArray = val;4 a3 i( d9 A3 A3 C) t. k$ f1 l
                }
; j3 g) l% F; c7 L% \        }4 Q: [5 b6 P/ F6 r1 A- o
        bgR = '0000' + fadeOutColour.substring(1,3)
, x0 v5 R0 Y: ^7 [5 c) z9 U9 ~        bgG = '0000' + fadeOutColour.substring(3,5)- G9 w. Y4 d+ b+ \
        bgB = '0000' + fadeOutColour.substring(5,7)8 Y2 i6 J& g3 _
        currR = new Array(numLinks);
  p, O; r4 Q- o% g! X. a        currG = new Array(numLinks);
9 x; Z  M% [! M5 w. r        currB = new Array(numLinks);/ G" x2 x* H& }- A
        count = new Array(numLinks);+ h. \4 M3 X) j* L# v1 O1 {
        fadeOut = new Array(numLinks);
0 b, E. K6 W4 M        continuous = new Array(numLinks);& ^  s5 u9 {" X8 d
        newColour = new Array(numLinks);7 ]0 M/ L& ~* m4 o: c2 V  }
        tID = new Array(numLinks);
0 `- U5 Q: e9 c+ }; N" J" }) z        redInterval = toDecimal(bgR) / numFadeLevels;
& o/ U, X% P+ l1 G: c' t5 ~$ G; k        greenInterval = toDecimal(bgG) / numFadeLevels;6 h6 L7 h/ Q+ i( F  I
        blueInterval = toDecimal(bgB) / numFadeLevels;
$ l7 o6 g8 L  @  k( Z0 [& L        initArray(currR,numLinks,0);2 c7 C. k0 {3 X$ B, i/ L
        initArray(currG,numLinks,0);# K6 y; s$ I* r8 z$ h
        initArray(currB,numLinks,0);' _8 J1 X$ Y1 G
        initArray(count,numLinks,0);
" p6 P* Q# T# ]# k        initArray(fadeOut,numLinks,true);
  f- ?1 P1 L$ I3 ?4 W        initArray(continuous,numLinks,true);. ^3 b9 A7 E: D9 H! @# t$ g) o& y
}       
* k) c  p/ m0 f5 e2 K- rfunction startFade(id)
8 p6 l8 ^) ]' l: R{
! I& I  Z' X6 R        if(fadeOut[id] == true)
' t& S5 D& v8 Q4 c5 P$ E        { /*move colour towards background colour (increment)*/6 R: B- v! I( H: ?' l: ?. [
                currR[id] += redInterval;
+ ?* b0 g4 Y- c0 Y* J                currG[id] += greenInterval;7 k9 y( _! |( _+ c9 j- \
                currB[id] += blueInterval;% {2 x! m  u1 |( s8 l3 d- f
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
. u1 K$ y4 v9 o% V* Y% X  u                if(++count[id] == numFadeLevels)0 A1 ^$ z' R% \) s
                {0 U: l  W% J5 ?2 Q3 g% Y. ~
                        fadeOut[id] = false;
: @. k& n( b2 d2 y/ w9 \# |' X% e                }3 Y5 `+ e( }) ~  R
        }
3 b3 ^: h. h& x3 Z* p- _0 _        else
% Q3 e, S( D8 b- d        {
  J' v9 l6 w1 H. m& f7 X: t( O                currR[id] -= redInterval;0 g; E4 [$ `" W& I2 t. B
8 J6 N- v0 y; U9 s- c, B6 M$ u6 e
                currG[id] -= greenInterval;
8 q  S* s0 f: ]4 _) \. Y! `/ j% `  b# [+ Q" f8 Z
                currB[id] -= blueInterval;
  @/ G# G) F/ [0 i; F5 C" N; Q* i% U7 @
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);& Q$ B& O0 k; ^% w
/ T1 x+ e  z% S, n3 [8 r
                if(--count[id] == 0)+ L0 F, @, ^1 ~- Z3 H4 a+ y

- h" E7 ]4 p! o& K: f" o                {
" g5 i0 o3 z3 L* r) ~$ K8 {) y; F7 }* J# W; ]  F* G9 N
                        fadeOut[id] = true;: B6 [4 d2 f$ O1 |

% H' f5 B2 m3 w7 n                }
' u0 f1 c3 ]$ h* _$ E! ~4 ^2 P# a4 F# q5 X1 W) g* p' U9 r' P7 R3 g
        }
1 v: M1 G( Q$ n0 N, A
4 `8 b" k5 p9 o* d        if(continuous[id] == true)
7 q& W: }& O0 x% L; w6 j0 O2 \$ g- p  @0 {+ X5 o3 |5 Z
        {
. i, i( k7 k8 h- D  u
/ K6 N, i; g: I3 Y" |/ d                document.getElementById(id).style.color = newColour[id];               
7 I$ Y9 h! A  Y- R6 G) x. U9 _+ T* r2 x# F
        }
, P' T# b8 t3 [1 Z8 ^% V0 X  q) a' H; O+ F5 n  J2 s
        else& l* G. z( [% n7 f

' z" ~/ K6 u8 `- K- U        {$ ?% ?6 J5 G4 \  h2 V) y
5 r1 j8 G3 b$ f2 u
                document.getElementById(id).style.color = hoverColour;
( G( ~+ a0 c% t6 C1 K! t; W' p
% c: Y' ~! _  ~: R3 e        }9 F' V4 I6 [9 n6 y) N$ c- t  t- _
4 {& i( o  ^5 y* l
        clearTimeout(tID[id]);$ l% h6 F% ?% n& i2 c$ A

* n( i$ s6 n1 `* U- x        tID[id]=setTimeout('startFade(' + id + ')', rate);# u% A# a& K# S1 E' |
5 N8 |* s& E% }% H3 ?
}; V: B$ v) D; F, k7 J( K
+ r9 Z' x2 S. y7 f+ u
function continueFade(id)1 l. \; d$ v! ^: R# g& m+ j& t
3 g( r+ {, w. B( P; Y  Y  O
{2 w+ H+ _. ^, Q1 d& I- q) S
( l3 B  y9 l& \3 ~. ^
        continuous[id] = true;
3 y9 I4 \9 b8 Y
. _7 y6 {) o. F. Y8 y( M% z. t}# A# b& F% Q1 M

1 b. |6 l) n1 l/ ?function stopFade(id)0 Y* l! Z- [  b
3 \1 G% N) K3 E# @" h1 I7 y, D
{5 ~6 m  t+ s' M* A* x' a
9 [2 v4 o* I1 q( J' K, L
        continuous[id] = false;! u7 z# o9 s4 `9 t6 ~2 v* `
# e8 L4 S* S  ?; t
}" ^+ H+ v8 Q( {3 F( h: Z

# a: O$ K+ k5 J: m4 ]. Ofunction StartTimers()
, V5 L$ X2 _4 W$ O# w
2 p- i  N, }4 V2 }& I. c( q4 m{        //set up an initial set of timers to start the shimmering effect( r# V: a9 m4 V

1 w2 v+ |. U2 `/ j  [        for(id=0; id<numLinks; id++)0 d% i3 R: S4 h/ |" Q

0 `& ?' g% f9 c. n        {
+ J4 E7 Y" d2 V2 b0 ?1 ~6 X* p4 M! {7 @5 U% o9 C- a
                t=setTimeout('startFade(' + id + ')', id*100);
# h/ R+ r. I% J: D, d+ r
8 T# O6 T  R& z        }
6 q7 E4 D8 {3 [9 z# J0 X/ v* [* o2 R' g/ c! w2 P. b
}: |. ?) y$ U' w

5 h. v+ O  r" z9 _  g' f//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')& @4 Q. @3 m/ Q6 Z% ?
  s- w+ b6 P4 }& K
initLinks('#FF0000', 6, '#FFCC77');- f6 S  U0 f8 v" B. j; J4 R
( w; m; I( m4 o* {
//-->
9 T/ \% j1 z4 ~# i$ S3 ?
4 l* w) I, K+ l- _, u+ T$ d( V</script>
( d/ l% d9 y4 a! m. p7 |. z<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元  t4 S9 e1 f9 [9 J& j5 ^! N
</a>' {- h. [/ k; m4 m: \
<br>7 Y1 \) T/ ~$ _# i, g  _
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
% |: K/ u# \, o<br>
6 T5 ^+ F5 N: u/ ?8 \* q$ y9 X<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
: e0 W  ]. W5 I& G: d4 `<br>       
7 S. e; |7 M) W6 f' X  P1 W<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>6 M6 a( ~; N6 L
<br>
! @& O$ t/ ~: a% O6 j# d<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>0 h. d: \. ~( x. c& \
<br>
# B1 {( w, q" M& ?# s<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
9 j5 d' Z2 }& j9 S<script language="javascript" type="text/javascript">
7 p2 b% c3 b( u2 c<!--3 Y4 L( F, l  K8 E5 g$ v8 g! n
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering9 M8 K4 K1 \/ C2 u2 W
//-->
" s3 K7 C+ _8 P; D& K9 k1 U</script>