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

zw2004

<script language="javascript" type="text/javascript">
7 u5 s8 ^2 H4 M3 |% j" K<!--
' n% D0 L" J0 E+ S0 U, c// convert a single digit (0 - 16) into hex1 O* M, O8 t9 {
function enHex(aDigit)6 a9 W7 I3 f2 E; G& q' S& T1 C. K5 m
{/ O* X& z, L5 V+ W& S2 t/ u
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
( r7 _8 M/ D) t& C0 c( x/ o}4 I( y6 F# O/ [9 f9 p
// convert a hex digit into decimal
+ L+ q1 k7 F0 E* \& k- P/ Yfunction deHex(aDigit)! I! Y8 i  Y* }
{! f- d9 }8 H. a( z0 _+ q
    return("0123456789ABCDEF".indexOf(aDigit))& m+ l$ d+ s' g! [/ L
}2 T) u- r+ ^2 z. a
) D. P! ]( `! k. S! A, W, j9 R
// Convert a 24bit number to hex) e- f* [3 U6 J
function toHex(n)
0 e- [! b( D3 p/ S' W, K{
+ n6 |6 Q, ~7 p1 I6 n. {    return (enHex((0xf00000 & n) >> 20) +! i9 A& ~! d8 i: B6 ~
            enHex((0x0f0000 & n) >> 16) +
) M5 z# X) L9 u            enHex((0x00f000 & n) >> 12) +" D8 S! X' h# ^/ Y
            enHex((0x000f00 & n) >>  8) +
3 r8 P  D6 F4 f( V            enHex((0x0000f0 & n) >>  4) +3 w% }' X+ @. z) Z) H$ K& ]
            enHex((0x00000f & n) >>  0))3 S6 P$ I2 q# Z9 w) k
}4 s$ e" _2 a9 x" z( {
// Convert a six character hex to decimal# S  S# {# J/ e) E2 t2 F
function toDecimal(hexNum). i" n& x- w7 _8 B( W7 ?
{' {7 R7 f9 \6 o
           var tmp = ""+hexNum.toUpperCase()  H- `' A) P/ b$ q: k
    while (tmp.length < 6) tmp = "0"+tmp9 P5 _/ m% z) l: i4 f/ g
           return ((deHex(tmp.substring(0,1)) << 20) +
' @6 o2 `, c- k, _) x, I; r  r                   (deHex(tmp.substring(1,2)) << 16) +
1 n% W4 A& P- T            (deHex(tmp.substring(2,3)) << 12) +5 a6 j' W7 Q0 F2 n8 T/ Y
            (deHex(tmp.substring(3,4)) << 8) +3 N9 P9 o& e% j; Z3 q
            (deHex(tmp.substring(4,5)) << 4) +
) O# q. ~. c4 k3 P; i- x                   (deHex(tmp.substring(5,6))))9 I2 |# F0 n, H7 X3 k; x* P
}# @, M! G$ ]( C$ K. v
///////////////////Shimmering Links/////////////////////' c, {" ]- c  l1 s; c7 ^% Y- x
//global variables
% u0 z  Z( U6 B9 Z, \7 Wvar hoverColour  F4 e9 o0 t! F& U8 I
var numLinks;
, c+ y( z' d) m1 ]& [8 ivar rate;
, h" r2 [& ^0 zvar numFadeLevels;
4 o3 F) f8 O8 w" p/ o# xvar bgR;* c) Z7 R  t- l& g1 f; @
var bgG;
$ k0 X: X) n6 }" e$ \6 |var bgB;
7 x8 x, V/ I# v+ H- |. m% Rvar currR;
0 ?! ?" _2 F; Evar currG;
- p1 N5 [6 I# u8 c( |  T9 hvar currB;6 I. B( @9 Z! f5 B
var count;
; Y' ^! K+ l4 K7 Z9 n, F6 I" Zvar fadeOut;
7 _. ]2 \( y0 Y+ xvar continuous;
* {/ V2 g/ Y" L' V% Rvar newColour;0 c4 Y: A6 ]# `4 e! a; f
var tID;
$ d9 X' I0 H$ j- m: Q! i- [var redInterval;
/ K) m. z; h7 e1 _' x/ Avar greenInterval;
9 }( s+ R. B5 o0 F( @% K+ W) r  f: q0 ivar blueInterval;
% m8 K6 M( J- G2 y$ wfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)- w4 a7 a  J. f; g$ F2 N7 q
{# f& e5 I- A& x1 l
        hoverColour = mouseOverColour;2 S; l. y8 {7 b/ p5 w4 V
        numLinks = numberOfLinks;/ f2 J( [  ^6 [, I
        rate = 1;1 J2 k# \7 }; J8 Z4 I4 V: \
        numFadeLevels = 30;* \  V" W) ~$ g( w
        function initArray(theArray, length, val); b* x! ^4 l: w/ s3 ^
        {8 d8 K2 a! q. M6 u- w" e
                for(i=0;i<length;i++)
6 K4 ]0 y. [' H3 s/ _7 U                {- q3 ]( p! {& n! c& |2 A' @& n
                        theArray = val;
& u* P6 v. L/ L3 Z  L$ _2 f0 T( Q6 x                }
2 c$ G; y. W% H! x* k        }
/ D! F' V( H+ _4 D/ S3 `9 H        bgR = '0000' + fadeOutColour.substring(1,3), x. G( N" P* H2 O! n
        bgG = '0000' + fadeOutColour.substring(3,5)/ f! x/ |7 u) V5 r
        bgB = '0000' + fadeOutColour.substring(5,7)* h: o2 O: I0 ^
        currR = new Array(numLinks);
" g2 n: ~7 Y8 i4 @/ `3 t* h( b, S8 E' }: ^        currG = new Array(numLinks);
0 F7 D* v" N% i9 S$ V        currB = new Array(numLinks);
0 H( R( i3 [8 c9 t' ?7 K        count = new Array(numLinks);  w" P2 X2 }/ E* R6 N! w0 I/ E
        fadeOut = new Array(numLinks);' b8 }) N! a0 S
        continuous = new Array(numLinks);/ L% p: H" s& V# s8 c
        newColour = new Array(numLinks);
( {6 L0 ~6 c7 \: a0 r        tID = new Array(numLinks);  ^9 W) [8 z, w& n; i
        redInterval = toDecimal(bgR) / numFadeLevels;
* l4 Q2 v' @7 X- H' i# ]( h        greenInterval = toDecimal(bgG) / numFadeLevels;
5 q: C" d) P7 d8 m$ `  U        blueInterval = toDecimal(bgB) / numFadeLevels;
/ b, _' d# K3 a9 L        initArray(currR,numLinks,0);: B: v& a) W, V* q
        initArray(currG,numLinks,0);
  V" W5 l" B7 U" N0 B. A, j        initArray(currB,numLinks,0);* D" _. r" n# ]3 V* ^$ t
        initArray(count,numLinks,0);3 _. c  T4 l# N# J7 _$ [
        initArray(fadeOut,numLinks,true);
1 }, M) B/ }! ?6 D3 q, l        initArray(continuous,numLinks,true);
0 L1 B' q1 i% x}        ) z9 i( b) k( G% A3 s! [
function startFade(id)" Q' t& R4 j" t4 y0 v; Q& K
{! |6 v$ b" L/ s$ {/ j
        if(fadeOut[id] == true)
) r1 w& `3 n8 z# ]; y6 ^        { /*move colour towards background colour (increment)*/. V% x, ], Z3 h* j* Q( X- B
                currR[id] += redInterval;
/ U; j& X& J$ M- q                currG[id] += greenInterval;# X* z' r/ d/ J- D1 x; W5 I# P
                currB[id] += blueInterval;* |( W; j" S2 V0 ]
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
$ {/ p6 d6 }6 Z& Z# n, a- J7 Z4 r                if(++count[id] == numFadeLevels)
3 U- m5 W. N0 N/ F: \% v  z) [                {; u# @3 U+ u8 c2 `0 {2 O) Q
                        fadeOut[id] = false;3 l) s# m. m; M3 Q& u% A8 b
                }4 s' a/ x1 p8 v  {+ k
        }+ J$ M2 p% D5 [: V$ l, ]
        else4 J, @; X; b6 ~2 F
        {# ?' z: A4 j$ b+ `
                currR[id] -= redInterval;
6 M' ^) K4 `& P; b8 q& ^
8 T) z: P6 b! t1 s0 ]                currG[id] -= greenInterval;' K8 C( w) X) c

- [! U% |' {2 Q- T2 h. D; V7 V                currB[id] -= blueInterval;
2 l1 S1 V- j7 J  j7 n0 S) e6 D' D
0 ], r0 b$ J& i! Z                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
. o; B5 ~  \# X1 J9 B+ t& T' i8 ~
% \5 I" F; Q  X/ w* \9 e                if(--count[id] == 0)
9 A6 B" A3 B. k, e
' ?% t  \! ^6 @1 U2 O                {
3 a+ `/ T: {0 I0 h. M( \' n( s; B+ W( l! s4 |
                        fadeOut[id] = true;6 o5 ]0 Z! c, e/ K* j! n4 y5 w

" n! K4 F, K/ q( q+ _. z# U: G# ]8 I                }
/ i; {* G  u# s' l: P* E
/ Q. `* r- v$ _! A        }
" V. N- _' z: H( x$ f  N" z6 m, }
( Z: Z; T2 M7 B5 W        if(continuous[id] == true)  R. `! v( `, a

9 r8 q2 Z* W4 K. k. ^' K8 C5 o        {: i; E& @. s" {
2 e# D! n  v) B. o4 k
                document.getElementById(id).style.color = newColour[id];               
6 x/ }: r) g$ p
- Z: I. X, d/ q/ b) ]        }
9 i3 l  i: a) N3 F2 T
% Z" E/ z4 `( Q. y( h# k  t: m3 ^        else
$ r" \3 n7 Z$ m% \6 f5 \/ W8 ?& `* v
        {* F1 j" H+ E5 N( }: R5 Q

* A9 L+ x2 M% p0 I# o+ q! \                document.getElementById(id).style.color = hoverColour;
% X0 K% z' W# \: e$ {' Q5 f* h1 ~# Z& G/ ~0 O+ G
        }
5 F6 j+ I8 k8 ?+ M# J2 _, w; }  v$ }
        clearTimeout(tID[id]);& s$ X; i/ g4 E  i
2 [: R' h/ k* {# U7 [! e
        tID[id]=setTimeout('startFade(' + id + ')', rate);
+ T  w1 @# o$ z& ?- i
: l8 w- Z$ i/ ~% ?8 T3 n2 r* o}
0 M4 q, K5 A+ E' w. ]; b5 f# ?7 c% }! i8 }
function continueFade(id)) {) k. ^! ]9 `5 @( _: ]
/ L! _. L$ J5 G6 ?) O+ m
{
2 r" \. B8 E( n$ R: D# U/ j) j" ^: s2 W- r: Z7 \
        continuous[id] = true;
& ?) ?8 @% U$ _, C" v2 Q. l8 z+ j6 d4 Q* }* ^
}& W; f1 }  S6 {- e1 {; s6 O; a
' L6 B8 F: @- K4 p8 k; Z" y
function stopFade(id)
  B% {+ G2 x5 h. S8 v; u" p5 Z) A$ {9 @5 G0 v; o0 V
{3 [2 j: f6 k4 ?+ B: a

+ M0 ~( G/ F2 F; H: D        continuous[id] = false;
* M  {* o. j! o2 ^0 ?; P7 A: C' ^  w) E+ ]  x& @. o$ g
}+ ]& r) K1 \3 U
) G7 O5 s5 T  F
function StartTimers()) B) v' A" S1 [+ A
5 O, E9 I! E- W+ _  \
{        //set up an initial set of timers to start the shimmering effect
- T, o0 N0 D) G3 ~0 |  ?6 d4 C) M
7 h: w1 ]; O& k! D$ p        for(id=0; id<numLinks; id++)
2 j9 m9 a9 \7 q2 S, i* H
1 c1 g1 T' Y: ~8 |: K, e        {( K% y3 W/ P; ^

7 z3 d# C8 g3 C+ g9 I                t=setTimeout('startFade(' + id + ')', id*100);
! \/ U+ J& Y0 T' _
  n% q3 l5 m1 ?8 x# b( Y+ M        }+ M2 R4 S$ s' G& F- N  \- W
; x9 }% H4 D( B& H- D& O
}
+ D" v3 k- e$ s- K# I3 H5 O& _1 P
1 m& J+ @3 j& ?  Q//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour'), [7 K/ P# N  }3 U

. I, j8 _9 E; R2 e$ {' r. FinitLinks('#FF0000', 6, '#FFCC77');
4 B( n8 N+ I  T/ G- l8 r+ R# a' Y- L: _1 {+ g9 D, D
//-->
/ Z4 O7 e5 f, v0 [& U7 T
) w3 t: e$ F, ~# V</script>
: w0 a4 X2 S; p% a. E+ \<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元7 D8 k/ |0 k1 A
</a>
* M) ?& |- p- C5 ~  K, F% Q<br>
  ?" u' H% K2 N- e<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
8 i& ]1 M5 N( P  P: [# y<br>
2 c0 I; u) ]$ t$ M<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>9 B) c( v. K% P) i1 x- W, k6 q
<br>        ( r( |+ R8 m- E. m6 a, H0 c
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
' r+ j' ~0 @# N+ P<br>- R; b/ E+ j0 @* x
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>2 S4 T$ @( A: W0 q, x, S; Q
<br>
2 W& X1 X9 r0 G+ a<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>' O3 J! u# h% m1 I+ C( y7 u& z' h
<script language="javascript" type="text/javascript">7 Q9 D2 m% `7 O
<!--
& q) C9 ^. z/ L4 c' {" j0 JsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
; a4 A4 L5 x8 U9 A2 e% _//-->9 |; |3 j* ?3 ?( k8 P
</script>