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

zw2004

<script language="javascript" type="text/javascript">
) m5 x0 N: i+ l  q- Y: C2 X, |<!--
% U- @: A) Y9 z" q; c0 {# Y$ C// convert a single digit (0 - 16) into hex
( B1 r1 W  B) y( o% l. R, G8 y1 D! ffunction enHex(aDigit)
# z7 n7 O' R, v! U' J9 a{: j& B. F0 g' z- i
    return("0123456789ABCDEF".substring(aDigit, aDigit+1)), {* r6 l6 ?* b. B
}( }/ R6 M' m/ M
// convert a hex digit into decimal
1 d( D: c0 d+ \function deHex(aDigit)" [6 Y/ E  x* `7 V$ B
{
( ^3 M9 w& p/ i7 q: E9 a- I    return("0123456789ABCDEF".indexOf(aDigit))
) T4 m3 L# w! m; I' u}% M; |+ `( g: ]# ^: f, b

$ t5 u6 s( D2 v( R$ \1 M  ^- X// Convert a 24bit number to hex
, h% g* M* G: i- E3 S( Hfunction toHex(n)! c4 d  m5 V  W" e2 k
{) a$ {5 P: }4 d- o- s$ J
    return (enHex((0xf00000 & n) >> 20) +
' K' ]- M% G  L4 f7 v, }. f) F. v            enHex((0x0f0000 & n) >> 16) +" L, @4 I2 u( b5 K; x1 q  C/ j
            enHex((0x00f000 & n) >> 12) +
$ q7 v- [2 i5 f" ], E* N' Y+ }- K            enHex((0x000f00 & n) >>  8) +
( ]) r! n! U! c            enHex((0x0000f0 & n) >>  4) +8 o: E6 d+ j: Q4 n
            enHex((0x00000f & n) >>  0))
! N7 y! ~4 }2 z0 A}' A! `; ^# M, z* f9 k6 S. y+ U
// Convert a six character hex to decimal
4 D$ a; Z7 y5 V6 G7 F) Ofunction toDecimal(hexNum)# h, o/ n, v' R7 d( ^
{) {& T! ~0 Z2 v. G6 G) x% N
           var tmp = ""+hexNum.toUpperCase()
# Z2 ?9 U8 \9 R) q2 h1 B    while (tmp.length < 6) tmp = "0"+tmp
3 n+ b' O4 u% p" _, `. y           return ((deHex(tmp.substring(0,1)) << 20) +
; p4 M* ^  a; G5 t& c                   (deHex(tmp.substring(1,2)) << 16) +   g) c- h8 ^$ C" f
            (deHex(tmp.substring(2,3)) << 12) +; `, b: X& |( a5 C: O
            (deHex(tmp.substring(3,4)) << 8) +
( @5 e4 e- T8 p9 X6 X! p            (deHex(tmp.substring(4,5)) << 4) +
4 a7 f, }% Z2 P' b$ J                   (deHex(tmp.substring(5,6)))); b8 j+ T% a* @# ~
}* A+ U% q: `* S
///////////////////Shimmering Links/////////////////////7 K  _4 C& d7 \% ]$ Z! R$ G( w2 l
//global variables
, p9 q+ U& h( _( tvar hoverColour
9 F1 L4 w9 Q# U9 Evar numLinks;* }& D; ?$ x& @5 E% O) Z1 ?, b
var rate;
- E, L6 A  c9 R- X  N( nvar numFadeLevels;1 _1 H2 z$ M/ q) x- {2 W. c$ g- X7 J
var bgR;
# F7 J5 T3 R, ^2 U" P( q. Fvar bgG;! s3 U* u5 z& b7 X
var bgB;
# P" J7 ]) ^# |, X* ~var currR;
6 `" [$ X9 i& V: G5 J- ~: [var currG;& B9 \' b- Q' ]% ^4 C
var currB;7 Q( n7 E" J6 B, }- f9 `1 \2 e
var count;
6 F& E) N1 F! j+ z- Xvar fadeOut;, G0 \3 K, a$ @$ Y) R3 S& c8 }5 o
var continuous;; d7 a0 P6 j) b- G1 s
var newColour;
$ N( B3 C$ {$ M: m) Y7 ^var tID;
2 J' u9 C, K! k! [- _  N: Avar redInterval;# ]0 h, A; N0 Q
var greenInterval;
% G# N0 ]' T1 hvar blueInterval;; ]" l% [& |, F1 m9 n$ a- O2 e
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
& ]5 ~& v- B  V7 T, p* P{
+ f0 o) M; i) m) F9 I        hoverColour = mouseOverColour;
* v5 n% `( c  y- P) ~! \4 o        numLinks = numberOfLinks;
& }4 e7 ~9 V6 m$ r  W* _        rate = 1;" @) t8 n5 w- z" [3 x7 Q; `
        numFadeLevels = 30;
- M6 Z. I4 X. v+ E; L/ J7 c: v9 g7 w        function initArray(theArray, length, val); T5 V6 g( g, d* f7 S2 {" L
        {6 s9 q8 G7 H5 W) w" ~
                for(i=0;i<length;i++): ^8 b4 r% W3 `3 E, q
                {
0 h8 ~1 h( q9 Y( e$ o! e                        theArray = val;) x8 E8 {6 e( n
                }' G  e  }+ [; n& q5 Y
        }2 m# A" U, j& d& P" B9 R# M: A
        bgR = '0000' + fadeOutColour.substring(1,3)
' |( R: l7 v9 n! |4 L$ Z8 y( k        bgG = '0000' + fadeOutColour.substring(3,5)8 w+ g# l- @3 \3 w5 o; ]+ B) l
        bgB = '0000' + fadeOutColour.substring(5,7)
7 L/ z2 n& p/ \$ {        currR = new Array(numLinks);
9 M, c% n0 {/ ^: Q3 o3 E        currG = new Array(numLinks);1 K: n3 f8 Y* n; `! L" q" c
        currB = new Array(numLinks);
# u0 a/ m: F+ r1 J" {        count = new Array(numLinks);! h' x0 O5 u$ x" U1 B8 {6 C
        fadeOut = new Array(numLinks);
# q  H/ `$ N1 Q        continuous = new Array(numLinks);; ]7 |" L& n: K1 ^" T: f
        newColour = new Array(numLinks);+ H0 R3 g; w1 v, f* \  B6 u
        tID = new Array(numLinks);
" x! G& @& {; \& V; }% L        redInterval = toDecimal(bgR) / numFadeLevels;
8 a0 |: Y( q  x# x* Q: A. j& A        greenInterval = toDecimal(bgG) / numFadeLevels;+ Q1 b/ Z# H+ z5 Z( g1 ?
        blueInterval = toDecimal(bgB) / numFadeLevels;
% \! O) y. h/ Q3 A( a; K; T        initArray(currR,numLinks,0);% h2 G- K  j) h/ Z) u% M8 o
        initArray(currG,numLinks,0);  o# ?* i2 ?" m) i
        initArray(currB,numLinks,0);
( ?0 y0 u% T: {& a0 N- ~        initArray(count,numLinks,0);
6 K9 V& M" @5 g3 P1 J* L5 z3 m9 X        initArray(fadeOut,numLinks,true);# V2 w$ L4 {: E% v! ~! N
        initArray(continuous,numLinks,true);9 L" C) m/ S" e0 S4 a/ l; ^/ X
}       
4 J& N1 P% l8 L8 Zfunction startFade(id)3 N3 ^, y% C" k/ U' k. P1 k
{
6 i. I5 y% k6 m, W( S' S        if(fadeOut[id] == true), u9 p1 _* w9 d
        { /*move colour towards background colour (increment)*/+ F0 J) q2 K8 N  W  D6 }; i
                currR[id] += redInterval;; E3 _5 H0 Y/ X
                currG[id] += greenInterval;( ]( n3 |" J& ?
                currB[id] += blueInterval;
$ _, ]# p7 F! n6 S                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
) C0 {3 ?4 J9 y# {$ v8 o                if(++count[id] == numFadeLevels)
8 Q# W0 b2 }. N# B7 a& a) p# Q                {
' v* }4 v/ V3 \/ a5 ~5 o                        fadeOut[id] = false;
* }3 W# T! x3 _                }
: i% w* H  i" k        }
5 P2 D, `  o# X* t6 I. u        else/ j+ e$ j- P9 V- G  u9 r% d7 \" M
        {( K. \' _" Z' h9 @+ q6 m, h
                currR[id] -= redInterval;
- r! d. N5 r; u( E9 j1 g! Y7 _  o9 ^9 ~7 e5 ~. G$ V1 f/ X& s7 ~
                currG[id] -= greenInterval;
7 c. k5 j0 X* G
/ u& q: h' o" _2 \- S* K2 `! M                currB[id] -= blueInterval;
( @! B( U" f) K/ o* I- P6 T* J. P# G' a  B
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
# F/ P5 X& i& t$ x. c
) J0 L! f0 X6 ]2 b' \& F                if(--count[id] == 0)2 N: y7 f/ a. k9 q6 d; }8 \4 g. i% L

# O8 J5 e9 A" V$ G3 s2 b                {
. |* j8 Z4 O( a6 `7 G* B  J% X8 }" e1 A% f. n2 w" b
                        fadeOut[id] = true;
( \( x# y7 q4 b( f0 Y+ _$ n7 ]6 U5 o; {! E9 B; {
                }$ Z) d9 {- _- s$ [
! E. @1 R5 ^! {6 Z; f
        }
! D$ h4 J9 M/ J! q/ _7 p; `  O; i' H: T% H" k! X2 z6 ~  v
        if(continuous[id] == true)/ Y: x* v1 @4 |0 G0 Y! D9 y

# u: ]- Y# U' ]  U2 `# ]        {4 B& ?# A1 X" e! x

6 _( B, _3 L" a/ Y+ `9 [                document.getElementById(id).style.color = newColour[id];               
, e1 X0 x. [% D) @- Y+ l2 r* A% N3 t6 m3 ?
        }
% H  k, Y3 D, B8 e& p- ]& L8 \9 `+ w0 _/ \, A7 L
        else$ h8 M0 x6 m: |  B" O, o

" `4 y8 A# l5 Y) w. m& E        {  H; O' a( s# V7 B& [! s
& x  J8 A4 k' k, M5 l- x5 x& R
                document.getElementById(id).style.color = hoverColour;
$ |" U& N3 H1 \( Z9 e: [$ n/ c! a3 o6 ?* h7 }2 Q3 O
        }
+ _: t9 G/ G$ g4 E# }6 ~( w
$ @( S" Y! _# A. i7 z7 j5 i        clearTimeout(tID[id]);# ]( R' F: G1 N

) k& d& a0 W! _- t! N% U        tID[id]=setTimeout('startFade(' + id + ')', rate);
, c/ z7 a. I) S$ K4 n" r/ ]5 \& G7 ]: N
}
# A% b: Y2 U7 ^7 a. l7 e2 O
4 x3 ~" M, K# dfunction continueFade(id)7 m. g) N- Y# U& g9 i: [. f

4 V3 n" }, S0 n- u{
. c1 D8 A( L# R# g: L) ^
# |5 ^1 X% i* p        continuous[id] = true;) T- g" V# l/ h$ k3 ?& i

7 Q  t4 y$ Z2 ^5 \/ P* g}
% f/ \" ]- Y1 Z( e+ T* T, f2 U8 R/ o8 g9 f$ T8 |* ?) }- }" M
function stopFade(id)& s* r0 G: T$ R# `( Z; \$ P' G
* f) E+ A) N8 z7 T4 \  v+ [7 R
{
: S7 `7 C+ l! j4 [
$ Z9 K2 e4 b( z$ I        continuous[id] = false;
7 ?9 v0 d; s5 b
, U6 e- \& Q" s' ?6 A3 `}  v  V) W+ H! h
, {$ b, _6 Q+ A5 s0 m% Z, w
function StartTimers()
! S, r, l; z: B; X3 b, T, e" r. w2 a$ k9 m
{        //set up an initial set of timers to start the shimmering effect
8 M- g  z  \" L" h- R1 A; [9 c
, ^" C* _$ [- @7 G9 _1 D% `        for(id=0; id<numLinks; id++)5 J% r: [7 N8 C, V* e+ H
9 r; u( F  q6 u' `/ S
        {
6 w* _) Y  l# m7 M* V4 [5 X: ~. h; y  u4 ^
                t=setTimeout('startFade(' + id + ')', id*100);
7 i' u8 g  H/ m$ R/ `% \# |; \
8 g& x. a9 j) |2 q! X8 l$ a        }- j0 |. \2 G4 T! u3 C, ^
$ t$ Y$ M7 {" c3 ^2 M6 A. R1 |
}
5 |0 T4 F: q0 X% [5 x
% T% H: s2 E1 K% ?//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
* G" c+ d, [2 B  d! x7 N! Z( D5 E: `4 L! J" U- @
initLinks('#FF0000', 6, '#FFCC77');
, I7 D0 j8 O0 l% B
3 d2 Z" \0 O8 T% G4 Y) {  F//-->
) ~" ?5 `( s' h
& h+ ^1 S, n! a5 M</script>
/ O) _% U; C! g1 l% C7 ^2 Q3 Z& J2 }<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
* _* O- x/ }* }* X</a># ]# \3 c9 p, P. }4 V+ L
<br>) g3 m9 Y; y  X- z9 X. w) ~; A/ ^
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>( I* l) f: n8 o9 j. X6 ]
<br>$ ?# X0 `9 O+ R) w
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>+ T' z  L. A; @! L
<br>        / @; E3 w( @# _6 E9 j; p# y7 u
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>4 k: [' f7 f5 k
<br>
6 u) S# ~1 \8 [& t" G<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>( D( D7 L$ Y0 F7 i
<br>
2 q6 P: R: E2 y7 r8 M1 O<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
' r" a& h5 G7 Q4 p* }% j0 [3 [<script language="javascript" type="text/javascript">0 w; P# e' f, B( m
<!--
' N. [; H2 ]  h8 \4 t6 T; I5 VsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering# v0 L7 }! U. j' Y* c" I: H& ?
//-->
- K  H& m2 p' Q  @( |6 r) t1 A</script>