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

zw2004

<script language="javascript" type="text/javascript">
2 T" }( m4 |$ J1 l. v<!--8 l1 V* X$ U5 ~% {' w
// convert a single digit (0 - 16) into hex% k/ T9 j) D9 i; }7 p$ D
function enHex(aDigit)- s/ Q6 C( a7 G+ L% M- p
{! ~3 ?6 p  m8 ~! t: q, Q
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
4 a1 g- T& X9 g2 r4 S$ a+ p}- _2 ?/ @% l; l* b9 Y
// convert a hex digit into decimal
4 D/ S. j/ Q; A  N7 D1 [function deHex(aDigit), y4 ~. i/ ^9 q8 A* P
{/ a5 M7 {: \- C5 x6 T: u8 z
    return("0123456789ABCDEF".indexOf(aDigit))
* s$ _# u7 ]! k4 M0 R4 p}5 q! Z% Q" s7 s" e. _9 b8 d1 y

! z5 `% |3 m0 R: Q/ v% }9 J  B; m// Convert a 24bit number to hex. ~  |* ?& L! a
function toHex(n)
6 ]$ f. j) b" b{
  X# J5 Q" V8 ?& s  `- x    return (enHex((0xf00000 & n) >> 20) +
" E7 I3 v- n/ {" P! s  Z7 \            enHex((0x0f0000 & n) >> 16) +
( A/ O4 J2 _/ d" t: w+ `" m) I            enHex((0x00f000 & n) >> 12) +, k0 q* Z& T+ z
            enHex((0x000f00 & n) >>  8) +
* x) [  i! N$ b& b2 v            enHex((0x0000f0 & n) >>  4) +
  F4 Y9 H- {$ u7 d            enHex((0x00000f & n) >>  0))
6 E% w' D0 F0 S# ~/ w}& I/ H- S; A5 W; w$ {& w
// Convert a six character hex to decimal
. c  t. \3 _9 l5 Xfunction toDecimal(hexNum)) q2 z8 [" j9 P) j* X/ _3 a
{
1 H8 Q8 g0 u4 h           var tmp = ""+hexNum.toUpperCase(); Q6 A* q  J# `. c% T9 b4 \
    while (tmp.length < 6) tmp = "0"+tmp
( p# A* Z' i3 n" E4 v+ f* t           return ((deHex(tmp.substring(0,1)) << 20) +) @8 P* C& `4 a7 S6 d6 D* k
                   (deHex(tmp.substring(1,2)) << 16) + & ]) @6 V& B( o, O, Y, l# o5 _: [
            (deHex(tmp.substring(2,3)) << 12) +
4 y. I3 |. ~) h# A0 m            (deHex(tmp.substring(3,4)) << 8) +
5 p1 Y) N$ e( q* I/ s8 W            (deHex(tmp.substring(4,5)) << 4) +
- p' d9 r( M% w) ?                   (deHex(tmp.substring(5,6))))7 K7 d- Q/ p  D
}( b' @/ z0 Z, n/ x! r. L5 R+ G
///////////////////Shimmering Links/////////////////////
. E/ y# Y+ [9 ]4 J4 t) Y6 [9 u9 a//global variables+ B! G9 a9 Q+ E7 X. W
var hoverColour
3 t" ~+ c( p9 }8 f+ Wvar numLinks;
: Z1 N9 ]8 n' j9 J4 F# dvar rate;
1 \3 c5 u* u+ s3 Qvar numFadeLevels;+ `9 z% r1 u. T0 d0 n' f- r
var bgR;! z" F3 _2 |! E& C. o
var bgG;
2 f/ Q4 }' t8 B6 ^1 S/ lvar bgB;+ X0 }7 Y' Y% d* n2 c  [6 L. l. p2 t
var currR;
- W* y# t9 t9 r- H" s' Cvar currG;5 }3 A( k  d6 M- a3 Q+ ~
var currB;& V1 l" C. E8 n3 U0 U
var count;8 f  N! p# Z' j! x. z$ E
var fadeOut;
2 Q1 \4 F6 _5 C0 xvar continuous;  }$ a+ w3 l, R
var newColour;- C6 i+ K  M; k  u% g
var tID;  Q* F8 ?$ k. r& `8 h; U
var redInterval;
6 Y" p( o# w& `% lvar greenInterval;
/ t& |6 R: w- n. ^. U: b/ M8 tvar blueInterval;
) L2 v# J( K5 pfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
7 B/ c7 _. u4 Z' `2 q{4 ]$ R% j0 b  o3 }+ T' x' F% E
        hoverColour = mouseOverColour;
4 y# h9 D5 j/ a' f4 _+ F2 ]        numLinks = numberOfLinks;
3 p$ }' k  Z! ^  v% Q1 P% L& y1 J        rate = 1;
& b% ?7 s6 |0 {; k        numFadeLevels = 30;& F! ?3 b$ z4 E. X$ Z
        function initArray(theArray, length, val)
% d7 x: r7 o/ H$ j0 F        {. J, C2 Y! f: b& d" j
                for(i=0;i<length;i++)  H( V+ B/ {, ]* {, H; @0 ^4 I4 j- B
                {
$ A, v$ R* W* E, a                        theArray = val;
- M7 r/ S2 W3 f1 A  {  H! s                }
6 B$ g. s) [( k' Z, Q" {        }' P% K2 b  D2 C( w2 R
        bgR = '0000' + fadeOutColour.substring(1,3)9 d) ?; S; v3 X# d
        bgG = '0000' + fadeOutColour.substring(3,5)
5 k* B' C( w* M5 k- {! B        bgB = '0000' + fadeOutColour.substring(5,7)9 }: N8 W- g+ j  B% Y5 p  l
        currR = new Array(numLinks);$ S, D1 C) b  E5 e' y' P
        currG = new Array(numLinks);) H2 o8 s3 i6 ]/ D: I2 u
        currB = new Array(numLinks);
. ~" b9 N5 g2 z        count = new Array(numLinks);
- u, c* S/ D4 |  m+ H- |4 k7 {' p6 r        fadeOut = new Array(numLinks);
$ t$ d2 e3 w/ i  P! u7 s8 ]        continuous = new Array(numLinks);
1 ^  ]- e* q" a# Z; s! x6 m        newColour = new Array(numLinks);
0 c. t, b* {4 y; q$ X        tID = new Array(numLinks);- t, B9 Z2 `7 @: D" c9 @' F
        redInterval = toDecimal(bgR) / numFadeLevels;
% C4 Z5 R4 _% l* M9 T' S        greenInterval = toDecimal(bgG) / numFadeLevels;( O8 T9 {9 k" W; w) t0 ]- y1 p
        blueInterval = toDecimal(bgB) / numFadeLevels;. F) f. P8 x6 ~/ H
        initArray(currR,numLinks,0);: i) b) v* o0 C7 v, O4 |
        initArray(currG,numLinks,0);. @7 c# ?/ s+ c. n" V: X% k/ v
        initArray(currB,numLinks,0);2 J7 H+ W' N2 W
        initArray(count,numLinks,0);
& r; y* M, q0 A( C        initArray(fadeOut,numLinks,true);5 Q# [7 ~, O: d3 p) W- U2 V3 K
        initArray(continuous,numLinks,true);. S; ~& X! L4 y5 k( {, U6 q
}       
! {6 C% z4 P/ s( w: c$ d( Afunction startFade(id)
2 {/ s+ M% d7 U( R+ D& S0 S* d{
8 d6 k8 G+ x/ g3 [2 j7 X        if(fadeOut[id] == true): U2 ^. r$ ~" G& [
        { /*move colour towards background colour (increment)*/
& r  P! a/ F0 j$ W+ R: o7 H                currR[id] += redInterval;
* i1 g. Q1 n8 g& @- F& A+ R1 U                currG[id] += greenInterval;( f! N  r% @' k* h( Y5 e( N8 d, k
                currB[id] += blueInterval;6 b5 f( m' Q9 b3 ^
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);1 s  `7 G  n) C. m
                if(++count[id] == numFadeLevels)* y' C0 f" \/ B. m- ~
                {
  J6 J- F+ s" ]8 J' I5 a8 U! [                        fadeOut[id] = false;$ ?3 p9 J4 x( [. M- k% @
                }
! h9 c3 D; B+ H2 [2 _% @        }7 T- _' ^' k2 j/ A; F) _4 I$ I8 j
        else7 v2 k" E  v% R
        {( G0 f- H3 M6 a7 n
                currR[id] -= redInterval;# t- N! W6 n% t$ u1 |( {) i
5 Y5 j+ i- X7 E( c, Z
                currG[id] -= greenInterval;
( H! C! `5 _8 I3 r8 }& y  K* Y* H1 |8 l
                currB[id] -= blueInterval;
+ |9 Z1 r6 h# N, ?2 P# l
# W+ D3 t/ b' }7 z# l                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);+ t% C$ n$ E$ R( R

* O" O* Y) M! v/ F$ p0 A9 f& p- ?                if(--count[id] == 0)8 B0 a- C4 d/ X- ^
3 B$ I1 q9 Z/ o) V( F% l
                {
3 ^$ h3 _+ @7 }2 t' @# N) J6 {$ e$ O6 U
                        fadeOut[id] = true;! P7 J3 M7 T; F9 c# m. t

' t- g5 W# [% c3 S! `                }3 _: y- c- Z6 [) ~2 D  _
; `, r6 U( O3 ?1 k; Q3 l( E
        }5 Z7 i2 l3 r" x& c: A4 B

5 H/ {8 F- ?/ o) t7 G  u! ^        if(continuous[id] == true)
: S. Y, i3 G3 O+ Q: G( v" V8 t7 }8 L2 d) Z7 F
        {
# I9 V. n3 n) t- P' b" Z2 H. t3 E, W8 C: B
                document.getElementById(id).style.color = newColour[id];                & D" ]1 ^% a0 ^; v! A7 P1 v; S

- e# N0 U) j8 P9 n' c        }
# T$ |! H0 N; X! l2 A: v: ]( a* @3 G' Q/ I3 ]
        else
/ _0 g4 ^2 S/ ^3 m4 Z1 }, U, E" D" S) j# s& A
        {
- U. F8 S; B  d# H1 V0 T+ ?: e* T3 D# W! X) O  u) z. N
                document.getElementById(id).style.color = hoverColour;2 V5 B) v0 r& m! V
- ^% {: t* Q0 l: h, N( l6 {5 M5 f9 H
        }
1 z+ O8 ~; d; H2 J2 _# q; `* @& ?: W4 N5 f6 J4 U0 o, I
        clearTimeout(tID[id]);
* ]; H) ?; y$ f. n" g# a1 J- _+ r3 p1 u& U1 F
        tID[id]=setTimeout('startFade(' + id + ')', rate);
+ s! T" Y, w" T
5 Y% M' z5 D) t( J9 K0 l}
- x) w  A( g. |* u5 \4 }: E3 K8 @: h' p  X  H' D
function continueFade(id)
4 k" I/ X# |6 A8 ~1 X9 \  }8 ~( {" D! K
{% R3 {8 s  ^4 v; A. I

6 ~. b  q4 f; |: {- o7 G7 I        continuous[id] = true;
* a+ i; {0 V. q% P9 i# b' f+ `6 w& x# g6 g! s8 p6 M  p4 Y. ?6 _) Y3 ^5 d
}4 h- F' |! y5 S% I' s$ Q

+ d# B& I3 q7 Hfunction stopFade(id)
% u0 L3 L% u% _" w4 Q2 u9 q9 ?- z" G4 K
{/ k5 V# n' }" q& v, a+ g

% B5 L% h# K: l7 \% D( f        continuous[id] = false;+ m! {* q5 a* v, W- P' A4 J& w: c' m$ Z

6 S! Z) Y  c7 m1 I1 T. E. x}
! k. B0 I& ~, q1 H
: O  U! `4 F- y; `) Q/ M& ~& y8 Xfunction StartTimers()
1 T, J! `% l7 X$ z, u+ E- J' L* ~0 |! l* E5 m) ?$ t
{        //set up an initial set of timers to start the shimmering effect
. W0 Y# K7 T6 M$ g& s( _  M  c$ k) z# Z& }+ x8 {6 W" [
        for(id=0; id<numLinks; id++)
; ~: v7 x6 b8 y" \& I) Y
& Q1 y. d* U! {1 {        {( @9 i6 ]8 N, Y4 i. `2 \7 o& y
. g" ~5 K6 g/ A) h
                t=setTimeout('startFade(' + id + ')', id*100);
( \& e' O- V* z; V; ?/ F" R; L3 ]# o, [) n% Z3 q
        }# h$ w+ f% I* u" W4 n
% X7 @4 k' s) z' A5 F. z
}' L" a% `  [" k( J9 ^& }
) ]  |2 E4 J  U8 d
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
4 h8 v8 \; z& f( j# V, O9 e: r, x' y. H+ {+ i6 p* a& R
initLinks('#FF0000', 6, '#FFCC77');
: }1 P$ y+ N+ v& n2 P7 C  U+ F+ N: ~7 s4 d
//-->! G8 W: u( v' H5 U  G
8 C( c: `, b; ?6 S3 O( X
</script>
! e& \' w& G+ O" R1 C9 R% ?<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
) r; |' U+ Y5 ?+ z2 u, a$ @' s" o</a>- k0 A# p1 h! _% R4 n2 a7 ^- Z
<br>/ h7 z& B. N/ v# D1 O! w, @0 B: j/ Q
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
9 r" |, Y3 ~, }+ Q' k+ f$ g6 \<br>
2 q6 o7 w3 `$ g6 G; W<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
; ~  f  p. U+ v) U<br>        - D  Z' b8 _9 v1 ?6 V4 ~
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>$ K6 ]4 Y& x$ c0 d; y/ T
<br>
0 t" b+ |4 ^! b2 {<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
3 Z$ D% _5 W) B. E+ D, i<br>( I, R! h4 ?5 U! ?
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>- G  |$ V% y. g
<script language="javascript" type="text/javascript">2 {2 `7 i' e5 K6 a8 V
<!--
: w+ y0 J9 R( {" H0 DsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering$ g- p/ K$ X, S1 M, s4 F0 Q
//-->8 P; a+ c# g0 r; I
</script>