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

zw2004

<script language="javascript" type="text/javascript">$ h4 n, i; B  Y
<!--0 t, p+ S) @" O& d' H# i( v" ?& A
// convert a single digit (0 - 16) into hex
. w2 Q  }2 \! {; Zfunction enHex(aDigit)
: f& T! Z8 I' k( H{1 D1 {6 r. R" H4 v
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
! p0 \4 R) B% n- X}
! M# y  A/ }  _// convert a hex digit into decimal
$ ?4 S- [: @2 l% f- p5 dfunction deHex(aDigit)
5 Y+ z; @1 T5 v2 ^{
! j' ~3 @: _8 |0 {2 Z    return("0123456789ABCDEF".indexOf(aDigit))- U+ f6 A: {  w2 W7 v: B- d
}( r7 ?9 ?+ T2 a! k# g7 W; t
. x9 x. e0 F  v6 ?. w5 f5 L
// Convert a 24bit number to hex2 h+ e0 s  u: k! H8 `$ L
function toHex(n)' E; e" Y2 M+ i) F$ i
{& s8 X6 f. |2 t9 ^& h) I1 w. A
    return (enHex((0xf00000 & n) >> 20) +
% S+ Y+ u+ L! Z/ `$ N            enHex((0x0f0000 & n) >> 16) ++ E4 O1 J# |' n/ d- l+ ]
            enHex((0x00f000 & n) >> 12) +' Z' O; u& l, |) N
            enHex((0x000f00 & n) >>  8) +
, o5 t% G  a7 x9 j            enHex((0x0000f0 & n) >>  4) +
5 Z1 y4 }: |: V9 Z            enHex((0x00000f & n) >>  0))
; @# V  j. c* W/ J7 i4 H}
* I1 Z; t' G5 A' D( n7 Z% S// Convert a six character hex to decimal$ b8 x$ O) t/ i$ s. P5 T
function toDecimal(hexNum)
& K" A" ?# R. g2 N{
  [' f; ?1 e' ^$ p1 g- C! r           var tmp = ""+hexNum.toUpperCase()3 D* u( n3 h8 @$ u* {; g
    while (tmp.length < 6) tmp = "0"+tmp3 M+ d1 I3 z6 D' h
           return ((deHex(tmp.substring(0,1)) << 20) +8 i! ^2 A1 l9 {( q' f9 |9 z
                   (deHex(tmp.substring(1,2)) << 16) +
8 n. w' M: u+ {' S            (deHex(tmp.substring(2,3)) << 12) +
* [9 U. U8 O2 Q5 C( a            (deHex(tmp.substring(3,4)) << 8) +
. a2 d2 G8 ^4 `            (deHex(tmp.substring(4,5)) << 4) +' h# X+ b+ U4 j' Z  j
                   (deHex(tmp.substring(5,6))))  B1 o9 r% O; T& c" n5 _
}! g8 [, a3 @, O# l5 W5 S2 {$ E
///////////////////Shimmering Links/////////////////////  f9 }9 d8 B6 G( i- o: X
//global variables
& m$ [! H3 V  x, a$ V- H. ovar hoverColour- w- @8 ]% U- \. {$ ]
var numLinks;
" \& h/ ~8 u1 Y# U- hvar rate;4 U3 ~* p+ C: s
var numFadeLevels;0 b+ m( v4 f+ H) s2 a
var bgR;
) B- o5 P, f) g1 ^' ~' L8 ivar bgG;0 |; w* e& y& J8 F( e3 D
var bgB;& W+ Q- a0 `* ]
var currR;0 \1 ?+ Y; V+ s* j
var currG;6 s- E7 C0 R# g7 S+ L
var currB;
0 o1 e  }: q( c* A3 gvar count;
* {: E8 D) W9 D( w/ rvar fadeOut;
& F7 [# f4 R8 Y, w9 P( z" y0 Nvar continuous;
& G) [. R- a' i; O$ t. x  yvar newColour;: r! r/ g' I  z# E; P8 [* b
var tID;
/ m6 G- j" m, a1 hvar redInterval;
+ ?, O) X1 ?1 s7 ~1 b; m% x  l) Wvar greenInterval;
" x5 L$ r* r( C$ G/ f  y  }var blueInterval;7 A1 V* ]7 {4 x- f6 N3 C* ]
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)1 U* W2 d+ o2 I- J
{
' [  x4 l& F- ]1 g5 b* C        hoverColour = mouseOverColour;
4 e- a, l; v( l6 v2 n- W; E1 N        numLinks = numberOfLinks;
% l8 D: K& I. j2 j! i        rate = 1;- u# M5 h& C% [- v; w
        numFadeLevels = 30;
# ^; b- f& ]3 W" m4 q  B& d        function initArray(theArray, length, val)
  m, x& z! x; _        {
$ A7 [. b+ H' }* `& W' q- U; L1 j; Z                for(i=0;i<length;i++)/ x8 |' K. x9 u9 ]. K7 {, h
                {% D" X* }$ r3 ]8 D) U' C
                        theArray = val;
0 I! Q' S$ L' ]                }( ~' S* V, H$ H# J3 d
        }
+ t- f3 ^# S$ F6 `+ D: Q, |        bgR = '0000' + fadeOutColour.substring(1,3)
9 h) w4 p5 X6 }! ^( `1 @        bgG = '0000' + fadeOutColour.substring(3,5)# F, A2 d# S: Y# }! F
        bgB = '0000' + fadeOutColour.substring(5,7)7 n3 m. _* I+ R1 e. ?- U" z
        currR = new Array(numLinks);
- ~4 o, J+ \, t  ~# Z        currG = new Array(numLinks);
4 J9 y. B* V$ j2 o0 j  U        currB = new Array(numLinks);
% R, o+ f2 T8 A( P4 c        count = new Array(numLinks);: l2 H4 N4 K5 [, X/ ]0 C
        fadeOut = new Array(numLinks);; q' f! f) r% K2 p6 I4 m
        continuous = new Array(numLinks);
9 H9 h' g# S7 Q. l        newColour = new Array(numLinks);6 t$ e3 f# ~/ q7 W2 C9 Q+ H
        tID = new Array(numLinks);! A; e$ \6 e  r6 O) I$ z7 n
        redInterval = toDecimal(bgR) / numFadeLevels;& o2 d5 N5 [" Y
        greenInterval = toDecimal(bgG) / numFadeLevels;/ m* _1 }  S/ O8 z" a1 c  Q- E# ?) _
        blueInterval = toDecimal(bgB) / numFadeLevels;" B: D0 b- u0 E& D, j0 L
        initArray(currR,numLinks,0);
, n! @! d* Y  @, V/ X1 o        initArray(currG,numLinks,0);' N9 u; w; I/ H" ?8 W' A5 O. I
        initArray(currB,numLinks,0);
7 a0 ^! d5 m  E/ a        initArray(count,numLinks,0);# Z* u  E* K: k$ P
        initArray(fadeOut,numLinks,true);
8 A9 q' |' Y$ \  |3 m# c( ~        initArray(continuous,numLinks,true);
5 _; l& }: p, p: \3 C}       
8 M( z: l" _  u# ]. A# J+ Bfunction startFade(id)
, p* s  U7 F" i' C0 `9 ]{
) r9 T$ a6 v: d7 R        if(fadeOut[id] == true)* V: _5 B2 F8 E
        { /*move colour towards background colour (increment)*/
4 H# B7 @# K' j$ P) g; x                currR[id] += redInterval;1 i) a1 v! L- A( m4 Z
                currG[id] += greenInterval;
6 R0 p, s- I* f                currB[id] += blueInterval;* o: i. V. s4 [  k- T+ ?. }
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);% K- h6 n7 n( C5 O: {$ I' e; p
                if(++count[id] == numFadeLevels)
* j: A7 @) W! E, R* b: P                {6 z. p7 g3 y$ H$ B: C' s% m' ^6 c5 W
                        fadeOut[id] = false;
9 e( X: A6 p& Z% O3 d: @, g                }: p7 b! r+ ]( [) c. a- \
        }
; ^" z" N; Z1 {  R& R        else
+ J, W. G) Z9 t0 [; Q        {4 O4 F6 I" J$ m! ~  d8 t# A! x( ^1 _7 x
                currR[id] -= redInterval;
6 M& b7 Z3 }8 D) |6 e" t
) u) L/ I+ d, \) D                currG[id] -= greenInterval;
0 Z' L: U8 h9 k) I7 N) ~/ s. X0 C1 x' ]
                currB[id] -= blueInterval;- S: H6 m% @, S. ~% Z# V  h. S. c

, H& d! W7 o) \$ }                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
" T# v" H5 a" A- [8 H! i; R" V$ \; p: ]5 P3 {5 U
                if(--count[id] == 0)" T( o  e  \5 Y. U; T% r
4 n0 t8 |" G9 ^0 ~9 _9 _6 Z
                {/ M' z' [+ x  U9 u4 ]- D5 F

5 A; U% e  m( V4 h/ B                        fadeOut[id] = true;
: |( m, w7 @5 z1 P
, ?2 V8 o5 @# ]9 \- t8 H                }/ ?$ _6 n  t. ]; g+ }+ t
& r" H* U$ S! f  I1 \9 b, h
        }
, g9 E1 o9 |& p) K! ^/ ~
& t  h5 R7 @& t1 ?0 _1 q6 a        if(continuous[id] == true)
9 e7 `$ M; O  N$ V. ]1 h7 |0 l( |5 d7 v5 g; o
        {+ O& o$ T7 |4 n2 `' a( S8 C3 b6 y
8 h2 |: r( k7 g, I8 A% ]) f$ s; f4 m$ S
                document.getElementById(id).style.color = newColour[id];                2 c1 p0 A/ x. s9 O9 I$ g
6 U0 a/ S8 F( p+ U& X5 v
        }
: K. Y7 B8 \: R4 u! \( i& K& i2 ]6 J1 R9 r" g' l
        else
* ~3 h# R& N! C& q+ I2 F4 K' N! M
        {/ r" n: [2 m# a& R- L' k
+ f6 M  x9 m; o- m1 q: D
                document.getElementById(id).style.color = hoverColour;7 K* p  I6 a- p
3 x% `3 v& X* C0 t; X! e- Q+ ]
        }3 }2 i6 T% C& k/ O) l; f! w( s
3 F: [% L4 h0 t6 ]* A( y
        clearTimeout(tID[id]);2 O9 E6 \8 D8 ^3 N/ u

$ |/ A( d6 B1 ~9 y0 F# X. k+ R        tID[id]=setTimeout('startFade(' + id + ')', rate);1 {# i( j8 Q! V7 h' i

6 Q; R- _3 P" k# Y6 \+ f. a}) X+ `& |% G4 \4 v. {+ F
" g, J4 b  B; g
function continueFade(id)" R. C( o. r( C  L+ g0 C

: S, ?: I& C% L3 a$ S: `# C{4 {1 s4 e, f- z9 L

7 N& ^8 O) l6 \; A        continuous[id] = true;
; v+ P1 f( K( U/ k; s
8 F& n, t  x7 i}
. B( `' T; @5 ^1 Y' U9 p2 h* O. B% U2 g1 ^* |  d
function stopFade(id)( V: {$ p) o1 x1 i" f& P: |

7 {1 j. }( A) Y5 y! B. p& Q* _{
/ f5 U8 c" ?- E) [% ^- p
# G0 ~1 h* b& ]$ j2 L9 e        continuous[id] = false;
$ I, I( @# p' A5 t* Q5 M' K9 P- v0 n1 D5 b! B4 t, p# u
}% G$ f/ M6 q& L5 K- N$ S( b. ?
) \8 f1 L- f  ~3 a
function StartTimers()" b+ k; z7 h& k5 w4 W9 {8 F3 k1 m
4 O: q( r* t, }+ ^: l8 j
{        //set up an initial set of timers to start the shimmering effect
* r% g  B8 G- H  @8 {
& x5 ?, N! b; x" u! {4 o0 n1 F' x        for(id=0; id<numLinks; id++)
  L, M' ^/ }1 I! y  d. o' B/ w/ e3 e$ Q
        {" A4 H# P. o4 v/ \; O: c: v. j- J5 p
2 {) i) Y6 A! r( B
                t=setTimeout('startFade(' + id + ')', id*100);
4 c( \' c& J4 S" X$ n
) i  f+ ]* [! s/ h% Z& m% L3 T        }" J& q% X/ g. _( q: L/ y. b( h! K

- y( x- W; m1 [6 b' Y+ W4 k}0 v  p3 k7 }( j8 L
4 o3 l  A: \& d8 O7 K* I
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')7 d2 l# Z" f5 V4 V3 v3 |. M2 c
% v% H/ n. m& ]
initLinks('#FF0000', 6, '#FFCC77');
2 i) @" d2 V; H2 J: l$ E3 d/ `2 y6 _9 [: }1 O: c6 L) [
//-->; `  e& v8 a/ a1 e
0 Y3 j% V* _" u- K
</script>
+ }) I1 P/ f" k& T% a: _<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
, y0 z2 v7 V6 q1 P</a>
/ B& ?: j& x: M# y<br>
( V9 X2 E  L& W; ]% _<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>( Y) g% ]6 a: \7 z. \
<br>7 w( M  ?" c6 k7 y9 `
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
  c0 y& C  f/ Y, W5 l2 Y  l<br>        9 e3 A. M( q/ O, f
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
3 Z& n# ^) ~3 \+ ]! T- n<br>3 K# u1 B7 O# k, r8 Z
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
7 ], f: @9 a/ [" b: `<br>
; T% z4 c+ I5 u<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>* v& A& x  W* L! Z9 O$ K2 b  T
<script language="javascript" type="text/javascript">
/ {- }9 p( C" b, k% _<!--
* [9 L! m3 H# r, isetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering: `' m$ e0 Y; u! [& G) H0 p
//-->: R+ M5 {7 ~4 O
</script>