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

zw2004

<script language="javascript" type="text/javascript">
6 Q5 c1 e% ^1 G; n2 |8 ~<!--
& M  ~9 V3 {- L3 L% d$ z: @// convert a single digit (0 - 16) into hex4 p- Q& ^2 @' Y+ x" v
function enHex(aDigit)
0 _8 Y* x* q2 E% K7 I: `9 S) ~{- Y% u4 a% v; V9 ^' `/ `% ]
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))$ y; E. d& _# V
}
# ?( k5 j/ S2 r' c5 _7 \$ t5 z5 m// convert a hex digit into decimal
7 v' b8 d! c* t" H. _% Xfunction deHex(aDigit)6 i' i2 C% [; e" C, P6 Y4 O2 ]
{1 B& E: Z/ C+ }. ^" g+ |
    return("0123456789ABCDEF".indexOf(aDigit))$ L  m: G( z/ P# d: X
}
0 @% `' _, f6 y
' O7 B1 h2 ?" T5 [0 ^! \// Convert a 24bit number to hex
$ @# l* [1 X" c% g5 ffunction toHex(n)& J6 n/ I3 [, Z9 d3 t6 k: I3 E
{: Y9 M; ]1 O5 |# U+ D3 i7 z
    return (enHex((0xf00000 & n) >> 20) +4 I+ Q! ~3 e" c  n# d: g; x  T. v
            enHex((0x0f0000 & n) >> 16) +
% y* R" E9 Z5 A' a6 d            enHex((0x00f000 & n) >> 12) +" d, {* _3 H' |1 V
            enHex((0x000f00 & n) >>  8) +
6 X# y9 H- ]6 O( Y4 ?            enHex((0x0000f0 & n) >>  4) +7 E. B' \! ^- I) W
            enHex((0x00000f & n) >>  0))1 O0 K2 s; H+ P: J! ~/ z& ?' A
}" `) G4 Y: K2 T
// Convert a six character hex to decimal
5 i% f0 E6 _' k6 D' \. F. Afunction toDecimal(hexNum)$ B& V6 Q0 w# ~+ }! ]
{
% r( g4 i0 @  I; r9 o! ^           var tmp = ""+hexNum.toUpperCase()
. d6 u9 h- g* S    while (tmp.length < 6) tmp = "0"+tmp
1 A, a; ~8 z  l; W           return ((deHex(tmp.substring(0,1)) << 20) +* c+ P, m" y: K2 f9 w! [- i
                   (deHex(tmp.substring(1,2)) << 16) +
: n0 ^# @" x  a1 e& k            (deHex(tmp.substring(2,3)) << 12) +
/ y* E3 A, [' W  r9 T% w& r" E            (deHex(tmp.substring(3,4)) << 8) +
5 [# X3 n, t( O0 ~            (deHex(tmp.substring(4,5)) << 4) +9 j5 l8 l1 k- u
                   (deHex(tmp.substring(5,6))))5 X; A; x0 q2 C
}
; o7 p& t4 I0 F///////////////////Shimmering Links/////////////////////, ?$ F& w  ?* \; ~" R" q
//global variables3 [4 m- j/ B/ w" b3 S5 `4 n5 f% z
var hoverColour6 J' c. N4 q- u0 G/ Y
var numLinks;/ E( U* n. W0 B! |/ O: L$ K3 J
var rate;* d' B, z( `8 p- ?& i# b
var numFadeLevels;) I3 j" t& K; z' j- _1 Q
var bgR;5 ~: W4 W9 X* \' w
var bgG;  ?2 F& j/ w- C8 q! _
var bgB;
6 h; `1 ]  I8 C3 nvar currR;
3 w, {9 [  ]/ B3 ]! {+ Mvar currG;
& w5 n0 w  {2 P. n- k+ `  K! hvar currB;4 U0 H1 C; f! y5 S* T5 `2 Y
var count;6 I4 r( ~; h6 }) t5 T
var fadeOut;
* x& Y/ B5 x# O, ]% Gvar continuous;
( e8 X! C5 E! A9 U6 cvar newColour;
/ `0 R" y3 q, O/ n- Q/ d3 cvar tID;( O' P5 c$ @: f
var redInterval;
- ~( a0 ^: ^7 T7 B9 L0 B5 Gvar greenInterval;1 \1 U' {" a; N) R# P. x
var blueInterval;
  ^1 y) e' A$ g& J, ufunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour); a" z4 @& Q  `
{# i5 n: [" N/ r8 P+ `
        hoverColour = mouseOverColour;9 s  z* q' t" C( G) Q" |2 X
        numLinks = numberOfLinks;
& F# X2 D5 h- u  p! K4 Y/ E% X1 t        rate = 1;  w4 k( b' o) b
        numFadeLevels = 30;
# h! m, h* F9 y& k5 ]; g        function initArray(theArray, length, val)
! K  [0 ~! k0 g% _$ L' {& m        {9 w9 @# s/ s( Y, z2 h7 g+ x& f8 R# S
                for(i=0;i<length;i++)! l2 j3 y9 }5 c4 Q9 d
                {
* ]  `8 h' o' g% l; e0 q9 ^+ H  t4 ~/ x                        theArray = val;
" H, l. t8 b' |( s                }
2 E0 a$ h  K2 V1 [6 e1 }* P7 K        }
) i3 m1 b; x9 h3 M4 x5 x        bgR = '0000' + fadeOutColour.substring(1,3)
4 e0 _4 h' U' z1 D: Q        bgG = '0000' + fadeOutColour.substring(3,5)# V  H& Y: d" Q% R4 E
        bgB = '0000' + fadeOutColour.substring(5,7)% @; I9 ]0 n; D, Z3 g, [* q( Q
        currR = new Array(numLinks);
5 j: g0 W& E5 Z        currG = new Array(numLinks);
& m+ p/ U7 [, s( h, Q        currB = new Array(numLinks);& J; t8 U" J# P% n# @5 I
        count = new Array(numLinks);# c6 h" ?* n9 e; }4 L
        fadeOut = new Array(numLinks);) u3 e# \& z) t4 Q
        continuous = new Array(numLinks);
, {6 m" a0 {5 u3 M& [        newColour = new Array(numLinks);
6 `6 v3 _( @$ l, x        tID = new Array(numLinks);
/ V: |. n2 ]3 Y& ]$ i        redInterval = toDecimal(bgR) / numFadeLevels;
8 ^$ D, ^+ E" ?/ e& R. o& `        greenInterval = toDecimal(bgG) / numFadeLevels;
( K4 d6 G0 ^9 a        blueInterval = toDecimal(bgB) / numFadeLevels;& s$ s% ?. T" l, w% A! f6 g& B. F
        initArray(currR,numLinks,0);
' J6 R- n; K  a        initArray(currG,numLinks,0);
$ l9 F; g, g3 \3 k$ u        initArray(currB,numLinks,0);/ I& D4 a/ d3 b1 T3 F3 a+ u
        initArray(count,numLinks,0);
7 g# J( N1 D7 C/ ^6 ~        initArray(fadeOut,numLinks,true);* W! h4 u8 E4 p! Q3 D. c2 \
        initArray(continuous,numLinks,true);
+ Z+ H2 C; @) h& L. L}       
( Z6 \7 U1 C+ `, _& f* h, k( R7 Vfunction startFade(id)- J& C) z  Q9 O5 t9 t* r
{
! d! z1 g8 J* a3 m9 k        if(fadeOut[id] == true)
: S+ J9 Q' E" C$ y        { /*move colour towards background colour (increment)*/, x) F# H1 g$ F, }  F1 V6 r& D( V0 a
                currR[id] += redInterval;$ s( H6 D4 S% @( Z) Y
                currG[id] += greenInterval;
+ n& {0 ]; h6 }1 W( l                currB[id] += blueInterval;
6 T. R8 i6 d3 `( G/ p6 z                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);3 r+ s# n: U( f* S3 g7 b: L. M+ V
                if(++count[id] == numFadeLevels)
( @1 m3 e6 W. d" @  ?6 O                {1 k* k- [) I! j& l  v# \
                        fadeOut[id] = false;5 ]  O. V$ Q& V  g) n  v9 V: I
                }
9 ^; c- `: I* R# d. q; V2 z) b! p        }! y8 W/ N! g3 w$ N7 ^
        else( J* e/ h7 h! Z. m2 Z- ]0 \  o6 y
        {
! j+ [7 ^* A3 \/ x1 Z8 U  N' X                currR[id] -= redInterval;
3 c. p) o# R8 U4 J
( v: x. @5 A8 ~                currG[id] -= greenInterval;
" R$ f! u: a5 h* c6 |
& c  p. y0 ?! G- b8 b                currB[id] -= blueInterval;1 D. ?; T9 B  W+ Y4 ?
# h1 {& A6 A/ {9 ~0 {
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
5 s" k2 p$ {5 X0 A7 c7 t" G0 ?/ I7 m: H/ R
                if(--count[id] == 0)
! M, `" M2 l; L
0 [" z$ r/ y& b" ^0 U: x" \                {% g# J8 k$ w0 u3 W

/ ~) E3 g: r3 _9 f  F                        fadeOut[id] = true;
" V  w0 F: P9 F. N0 H  v& c! a% ~5 q
% @, ~% j1 v% d: `/ H: @                }' z- Y9 `  F) I0 `

9 }2 ]- [" L' c: a) V; |$ u) t        }
9 d: i  i' K* k, K1 r
; {2 C) _$ |8 Q1 U        if(continuous[id] == true)
3 i9 Q4 o, j. P+ _  Z+ y
! l" [8 {/ G5 E& c( C+ ]7 X+ b        {
$ ^3 r9 p% B3 F' ~8 k, F7 G+ Z" u% A$ t, n, [7 u
                document.getElementById(id).style.color = newColour[id];                ' `$ w/ S" |. K: C5 A
( g+ k: b) j3 z# [) d1 M- Y" _
        }0 }9 l5 J: e+ T) D; `

! f/ h1 k& \6 O3 D# G) w3 K- V        else
0 M$ _) ?; @- l9 h5 Q6 p
9 D! ~2 M6 Y! h7 \1 w        {5 B; \( g6 V; j8 [) f4 n
! \6 J1 j; {* i/ I0 C- o
                document.getElementById(id).style.color = hoverColour;5 V! O2 Y. A+ j$ C+ f
9 O+ G( E2 F& {$ z* V3 f1 o
        }
% C9 A7 {! g) R4 |1 e, ~- I
9 t1 O5 k) t4 q. Y- I5 y5 Q/ f        clearTimeout(tID[id]);
/ A( w6 N% f& w; i& r
! t! V$ N6 v- C$ n, @# z2 G, g        tID[id]=setTimeout('startFade(' + id + ')', rate);
$ \" _5 A' q1 d1 `  j
" ?# X: f& j( ?. e}/ Q  ~6 E2 y( x* F0 x
* Y/ c' x8 ^4 b: P& s: }1 [1 l
function continueFade(id)! x8 m: j0 r! P# b) N% W* g% w9 t% C1 E

/ w) C/ d' F; F' e& r$ J{
( H: ~! b0 ~! r7 d: s
9 s! u, b: ~) _9 R        continuous[id] = true;# i: B6 J4 E- q' s/ J, _) T

7 |: H% k$ Y% N' a! Q! ?6 X$ s}7 E# r' X- B/ ^/ H5 E
9 J8 m) w& m2 T2 D% W
function stopFade(id)6 C! \! {. c& j* O
6 o  V9 U+ k1 c- V
{  i; K1 T" x2 ?- c
# v  N  v- `  w) R! N7 _" x
        continuous[id] = false;% u  I; H  Y4 X0 [! E
$ P5 Y2 X" s: S7 {; o
}
# k( N) A, i6 \
$ n. N" M1 s% r% Q4 a  Zfunction StartTimers()! _6 {! b0 C! @

! V2 e7 Q) z: I) D( ~{        //set up an initial set of timers to start the shimmering effect! {. j2 W( u" l- Y" d& n* ~
, a% {7 O9 K: A& ]& P' v3 b6 n
        for(id=0; id<numLinks; id++)
5 A1 C- ]  ?* H7 s: }6 `
" y5 ^2 K! d+ ]! F* F        {
  T6 V' S1 @2 I  b" J: R5 B% Z6 T4 f6 p
                t=setTimeout('startFade(' + id + ')', id*100);
# l" v2 l9 V9 N( \* t( b: W
# I; \$ x% i4 h$ c        }% t: L' s4 }' G9 u) l& _0 C

! Z. J% [! |. g3 N; X: h}
0 {( s. i" ]0 n$ q4 s7 i$ G$ }- W& a5 b; D3 c/ k# f+ I
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
* T$ w! ?" G- a2 f4 E( |( g6 h  |1 t% ]
initLinks('#FF0000', 6, '#FFCC77');+ K0 v2 W9 o( f2 l' h

2 M3 ~& x. l0 K! l: Q1 y/ s//-->$ V) o$ [) u. N! S5 Y6 k+ r

8 g' j3 K% F. a/ X3 f* k+ R</script>
3 R  N8 k3 W# S& p1 K0 C<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
6 ?0 |1 G7 ^# k/ b</a>
  }" V; {5 q$ Y; ?<br>
" |% c; |3 ?& i& ^% Q- G<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
  x0 s1 w- U8 o  R0 Y<br>
7 j) ]; l) u& s8 v5 ~<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>9 b9 G2 U0 O$ }, `. w
<br>       
& B" V/ ^) {( Q; a<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>  w" ^- U! v' M5 H! |* I
<br>0 {. n$ J/ g' w' G  ~" L
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
; r6 K% u9 m- Q. {+ [+ t/ X! @% X* j<br>  \! z( M+ E; ?
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
9 v& c/ D0 P! ]0 I+ t<script language="javascript" type="text/javascript">, F8 @/ g2 P$ z3 o
<!--
5 W' t" }! P. v) `& hsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering+ l. u2 C; p3 F
//-->: R" e  [3 ~" `: u6 t* R
</script>