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

zw2004

<script language="javascript" type="text/javascript">6 {9 z" W$ E# X
<!--
; r0 D2 O3 M! m// convert a single digit (0 - 16) into hex
. S! D3 n& B: u( K" `8 Z9 _function enHex(aDigit)+ k0 [" p# j: K% N+ s7 v  i) s. w
{
% _& G8 j  }8 |* f* p0 Y1 m    return("0123456789ABCDEF".substring(aDigit, aDigit+1))# A; w5 ]% C- c3 I3 O
}# e# `( z0 S. `' D+ ^+ f, o
// convert a hex digit into decimal
; z! c2 f& S$ ~) ]1 Z1 D. v1 Ifunction deHex(aDigit)
/ k' A5 }+ S# r: e{
6 ~) X+ p! A+ ^8 T2 A, t! G. V    return("0123456789ABCDEF".indexOf(aDigit))$ w% q2 s; n% v; B% R, Y1 _/ m, X
}
" N& g3 d0 D0 D
" N; Q3 z$ t# a; C) @/ y8 i6 }// Convert a 24bit number to hex
0 n9 b* Y9 N2 w0 y7 dfunction toHex(n)  m7 X# I9 G5 K! q& k
{
/ n. [8 ~. T+ g  }# }    return (enHex((0xf00000 & n) >> 20) +3 F1 V1 Q! k2 v/ r" g6 K5 w
            enHex((0x0f0000 & n) >> 16) +; R# r: w" C0 ]+ q% }) v2 H
            enHex((0x00f000 & n) >> 12) +/ `5 j7 ^& M0 g+ A! G
            enHex((0x000f00 & n) >>  8) +
+ B0 c! ?! v& L8 h# E% u            enHex((0x0000f0 & n) >>  4) +: w9 s# R  S( S: }# \4 O& y. z: ~; M9 w
            enHex((0x00000f & n) >>  0))
4 z2 ]+ h0 m. y0 ~! q, I, a}$ S5 q4 ~. S6 P4 {, z
// Convert a six character hex to decimal- {* c7 f' Z. X% T) d; n5 ]
function toDecimal(hexNum)
3 u+ D& ~0 k& ^& j, G- o+ u0 }9 c{
# z. n5 ]* q/ [1 L4 ~           var tmp = ""+hexNum.toUpperCase(). f- |- T/ a& U( }' W* `( O
    while (tmp.length < 6) tmp = "0"+tmp
% N6 C5 _  P* _+ P! m           return ((deHex(tmp.substring(0,1)) << 20) +! C& g/ t! }1 u, C3 q5 y
                   (deHex(tmp.substring(1,2)) << 16) +
/ p# ~: X( g5 D) a, ?1 M            (deHex(tmp.substring(2,3)) << 12) +
2 e% U/ m) w, l" e. c            (deHex(tmp.substring(3,4)) << 8) +& |- M2 {, a3 U6 ^
            (deHex(tmp.substring(4,5)) << 4) +
. O8 P- S) b; ~- }  R                   (deHex(tmp.substring(5,6))))
; v: u/ D9 A7 N6 @9 C% D}
  ~7 {) V6 Q- J$ i: s5 z1 M///////////////////Shimmering Links/////////////////////
: p, \6 A, [: F: Y* {//global variables+ q* S0 q8 C+ w  N# t# t3 w
var hoverColour$ B! w4 T3 O/ R/ H1 z. g
var numLinks;% N* U0 m1 D: ^+ h! L* W5 ?8 x
var rate;9 ]- L! @0 v& a( e* Q9 i
var numFadeLevels;
7 }& N& }' Z" v( d8 tvar bgR;. |: h1 f5 l/ T9 V
var bgG;6 O$ t& ]# S1 `7 `6 h
var bgB;
/ S1 h& W9 [4 I- kvar currR;
- c' B; K$ T: R1 b. ivar currG;* j% y+ K" _3 G- }
var currB;
' z, w& x5 e% r+ p% T% v/ a+ gvar count;
% a9 P8 X/ t$ v/ |9 G# `$ _var fadeOut;
# C# u& F3 [* o" L+ ~( A) @var continuous;2 j8 d0 R( Z; v/ z) b
var newColour;
# z& r9 F! E4 _4 e% H0 ?& evar tID;5 Q4 z5 ?6 b, `! j
var redInterval;
  j7 N3 u9 }$ H% H, S/ \var greenInterval;- i- r& c( n3 f0 N) k3 u
var blueInterval;/ U4 o3 \) Q9 d" c7 w: S
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
/ F4 {' d7 H( g{5 x5 G; l# G7 x, A% p
        hoverColour = mouseOverColour;
9 ^7 E( D% x' k' g/ H/ J+ U% G        numLinks = numberOfLinks;0 [4 A& I6 L& C1 w5 s& \
        rate = 1;- A2 O  O* n5 I3 p1 `
        numFadeLevels = 30;
& W& y0 m+ ?& q! e9 Z7 E        function initArray(theArray, length, val)
; f% }1 R3 l5 ]; n, b! c        {
4 q* K  ]' u' W$ u2 J# L2 y& p                for(i=0;i<length;i++): u: t, v0 y* J( G" l& ^# o' ~
                {
) \! A) r; k2 Q) X* S                        theArray = val;0 J9 o) d& n2 {3 `! |
                }
7 }9 ?- G5 X- f7 J, u  H/ ?$ l        }0 H. {) n# o- l" I# s6 D
        bgR = '0000' + fadeOutColour.substring(1,3)
% T  H% h! ?3 `. [$ M1 c/ N  i        bgG = '0000' + fadeOutColour.substring(3,5)
( s! [) f7 t5 _        bgB = '0000' + fadeOutColour.substring(5,7)# A$ B' m( T6 l4 k. [3 ]. j
        currR = new Array(numLinks);. M0 _1 H/ i  S7 [! i2 a% K
        currG = new Array(numLinks);( C3 Z: ?6 }1 G! N/ n) X) K
        currB = new Array(numLinks);
6 _6 ^; _9 }0 x! @# n/ D0 F        count = new Array(numLinks);$ n$ K- W! y( _, G$ O/ n( K
        fadeOut = new Array(numLinks);1 T1 u0 G1 B  F5 I- u( j
        continuous = new Array(numLinks);$ F. W9 V% _- ?$ H! j  z& ^8 S6 b
        newColour = new Array(numLinks);
9 c# c, B# D( [. N/ [        tID = new Array(numLinks);
& `" X( c( E: M1 u9 S4 [        redInterval = toDecimal(bgR) / numFadeLevels;
8 f/ R6 B0 P# |  F6 m        greenInterval = toDecimal(bgG) / numFadeLevels;& A, @  [. |8 r5 A1 _3 u: }. a
        blueInterval = toDecimal(bgB) / numFadeLevels;- v$ R/ y3 R1 U; p% C1 E. _
        initArray(currR,numLinks,0);* I% [" D* s  b
        initArray(currG,numLinks,0);
6 [' G% n# U  a& G; N' Y4 t; y- ^5 ~        initArray(currB,numLinks,0);) L; p$ n  \# g
        initArray(count,numLinks,0);. O5 a' p5 d' r1 h1 L- o
        initArray(fadeOut,numLinks,true);$ a$ r  ?  q0 ^9 r
        initArray(continuous,numLinks,true);" v/ D: T* R# h
}        . F) x' z- E8 y. e
function startFade(id)# J) H9 j/ O" `% H2 N
{+ c7 Z; @8 o8 g; Z4 l# c3 r
        if(fadeOut[id] == true)
3 Q, U) Z4 P$ g$ P3 c' g# X        { /*move colour towards background colour (increment)*/
: G. Z* c; Z  h$ @! b                currR[id] += redInterval;
0 c; y& }1 S/ A9 o, Z                currG[id] += greenInterval;
/ g( [' k3 t/ e: ]0 ]8 W& B8 J1 U                currB[id] += blueInterval;) e/ Y1 Z; F% g0 n' H* T
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);' n! b# _( I& R/ ~1 a* B; Q
                if(++count[id] == numFadeLevels). q3 t: v8 ~) Q- N, v
                {
7 A; P, u+ Q2 |6 r4 Z4 D4 o' G" U                        fadeOut[id] = false;3 ]: s3 B8 G# O% L8 z
                }
* |. `& k: E; |' A1 a" Z5 r        }
( ?5 d1 `; F" f' T' a1 W9 @        else" U. l: |$ B( q9 b/ A
        {* _6 H  s; p" H8 C" i3 G
                currR[id] -= redInterval;' \. [8 l% D7 O( K) n

  k$ U# a3 u0 m$ o, f                currG[id] -= greenInterval;6 r; K; `- u& b3 L, s

& w9 g- r) F/ H" M( U+ U. G/ N                currB[id] -= blueInterval;7 `/ i: Z0 i0 N9 |: C( ?
1 R3 b% V8 c3 U' M5 h5 S  D
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
& U% u/ V* }5 \$ R1 w8 ~
$ k: c+ E+ ^5 F' M* g                if(--count[id] == 0)
6 E% `4 G. `# M. Q0 T- [
% R! \  b  X$ Y8 b; G8 Y                {
. S% C; u9 W$ A! g0 q# H  a9 U( c% F0 N3 ]3 V
                        fadeOut[id] = true;4 u. M2 w0 G( i0 h

& t5 h: R: e  g$ I0 A# ?+ @& z) b                }9 n; n+ g; _. M( U0 C

6 Z; E) M  e8 A7 M9 s$ }4 ~) q        }- k  L- E9 N& U$ `" N1 T
# F& x7 d. r1 }7 U+ P  A9 R
        if(continuous[id] == true)$ D+ M+ g5 w- [9 I  t. Z

% }, T7 q. \) }- u5 _) N        {: w3 r/ \! I8 {, v0 u

  I6 x6 q" Y; q2 H! t2 d, v                document.getElementById(id).style.color = newColour[id];               
+ E9 @: d& V8 F. G/ [0 U# s' e; d
5 [7 V& \! ^$ k4 _2 k6 N        }, f9 O$ p, L( Y6 D2 d' ~: g. x% k- n

2 Z4 O$ \3 N6 X1 V3 k+ d, ]        else3 X7 d3 C1 c& r* t  l, E

! r# L1 l" E9 H5 q        {
# U- {6 O* n! y- D" q! y* Q5 e
, m4 _" Q7 X0 l; `                document.getElementById(id).style.color = hoverColour;+ v" N; ~8 L2 A& S" G' i+ h

9 o( A$ y7 x- F* a: n        }
9 s% F- d9 T- W; h, M% O+ l/ `) C9 f- o  W% M3 ^8 P! J% T1 u. S1 ]
        clearTimeout(tID[id]);$ n% J3 K7 H; q) o3 c
2 |. z+ K# q8 z7 d9 X! i( w# _
        tID[id]=setTimeout('startFade(' + id + ')', rate);7 |/ ]& v  o% i: \
" V0 f' C2 u6 @+ a
}6 ]7 n, n1 g7 t/ I/ F" T. Y2 b. F0 c& `

5 Z$ g# m, ^; Ufunction continueFade(id)' w! c$ b2 R' q2 h  Y0 b

/ S- _4 X3 U$ W/ P/ J. l{
% i9 @0 x$ n2 r: z& r& e3 B; h5 M6 G7 W
        continuous[id] = true;2 g! y) J. B: H/ g# q
. n- [8 M+ x7 f% `6 i# A9 K" `
}
) M4 v0 H* \- Y
# f" N2 U6 m% t. v; nfunction stopFade(id)
/ B% J. P- O, h
1 Z$ E, |4 i6 O; q4 t{  u! ?; ]! U/ w/ l

) C2 H7 u8 r  T* j        continuous[id] = false;
& O/ k+ u$ ^# e3 s( d0 ~
3 v1 Y6 P. ?! }+ I}; V" X/ P& [! [6 D  O6 ^  s0 r

8 q- r7 O* l! S7 J; A! ?- |/ t, T0 H4 efunction StartTimers()
$ o  K& B  o. i+ K# f# }4 L- J! B  \: H" f7 H/ X" `4 A
{        //set up an initial set of timers to start the shimmering effect
. O  V. E. n& C3 Q9 Y9 a& b8 i3 j
        for(id=0; id<numLinks; id++)' I9 \4 H* o0 L4 `9 m4 e

9 E$ z3 f* A+ O: p        {
/ K0 y1 Q6 v2 @# ^& @) z+ x7 g' Y# l2 o5 H% U
                t=setTimeout('startFade(' + id + ')', id*100);
$ {  b: D- J4 \4 l4 l: ?) a; Q- e* s% b
        }
4 `+ N' m" U* w' W3 n+ e
/ v3 a' A4 j) i6 s, W9 l7 z% Q}
1 L9 Z9 @+ [9 h4 m/ z- L0 z. v7 [* o. n7 _2 c
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
, E' f  }8 w$ ^) |$ E8 c& I2 S; b# p  Z* a: |- J+ o' s: u
initLinks('#FF0000', 6, '#FFCC77');
6 g: y, w/ C( k/ C, q# ~
2 U8 ~7 g- Z- n* G4 O, n. a" Q% _//-->
7 D* n8 ~  C. T; g; N0 a% p  ^' Y& l- |' e% v! l+ S- r; d
</script>, c0 M% N6 c% T0 D
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元+ m& h! o" C, h8 i9 J, l3 ^
</a>
5 Q* o, T! U1 V" J! k) l<br>3 x* h% v6 K' |" y$ B  X* V
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
5 M7 Z. `2 O; s( w3 L( ^' N# ]<br>
9 P7 H2 ]0 \9 W/ G  a: v<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
" ]/ l- Y& z" w% l<br>       
0 t7 ~- s1 W! \3 |* T$ i* |; H<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
- S9 _$ E7 F5 t% J) H; r4 A/ N<br>( K) k0 r( ?3 ^
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>3 p% N: O& G" M) m
<br>
+ X! A; N% d+ B' P1 P. z7 q<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>, T' u; p* @. r, p7 ^5 g1 Y: o5 m
<script language="javascript" type="text/javascript">8 J  t! o! w# |# i7 V& i3 Z. \
<!--* J2 F) Q  n* w8 F3 f- y: q2 y
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering% ], R6 p, k/ G6 Q- ~* m
//-->
: E1 q3 d- L: i8 s% r2 H7 t/ D</script>