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

zw2004

<script language="javascript" type="text/javascript">
" |1 Q0 Q+ \, h<!--
8 S" w, G) T; Y5 o/ P( c6 P// convert a single digit (0 - 16) into hex
# G8 ?& e' m- J' \function enHex(aDigit)$ U; m, }8 h! F! a7 J
{
/ b7 H) P: n* Y0 V    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
0 G% f2 r1 {8 H) U3 ?4 k  H6 P! l}& q9 {) {* F4 E1 j+ y7 n( {
// convert a hex digit into decimal7 J0 u/ W* |% S$ y  v# Q: n7 M: \
function deHex(aDigit)
5 U5 r# l2 W5 h: h( ^{7 {; i' d3 ~! B
    return("0123456789ABCDEF".indexOf(aDigit))$ _8 X9 d2 D( b1 I  ~* D8 `
}
* h+ }, p1 z0 G% T5 p6 U: c) W& U- l% p- q7 g* E1 N/ Q7 H% a
// Convert a 24bit number to hex! Z6 F' }6 I2 o7 m3 ^
function toHex(n), d& E  I: k5 P" |* M. Y! G
{
% M1 Q( w# P1 Y* N$ N    return (enHex((0xf00000 & n) >> 20) ++ T6 F' ?9 G, V. f7 K. s
            enHex((0x0f0000 & n) >> 16) +; B% E7 H) l9 T- K6 n3 _
            enHex((0x00f000 & n) >> 12) +' O. z& j0 E, `( p$ M% m
            enHex((0x000f00 & n) >>  8) +
( J" y. `! ^& h            enHex((0x0000f0 & n) >>  4) +
, u" P1 v* H) w: c            enHex((0x00000f & n) >>  0))- ~, _# R, Z8 o- B0 T; K
}8 i7 F# Q& e$ Q) a+ y
// Convert a six character hex to decimal
% p8 S1 H& c0 b$ i, {function toDecimal(hexNum)+ I, c9 b  x: w4 z( l/ l" y
{
$ D1 l. c9 b- E* d8 t' L$ Y           var tmp = ""+hexNum.toUpperCase()7 k/ r6 I; J. W9 w7 y2 N4 o( V
    while (tmp.length < 6) tmp = "0"+tmp4 c( f2 i$ m8 d8 j" b+ S
           return ((deHex(tmp.substring(0,1)) << 20) +& Z! f, {- q) M; Z5 |$ ]
                   (deHex(tmp.substring(1,2)) << 16) + 1 ]( ]+ e% c$ f2 v4 w
            (deHex(tmp.substring(2,3)) << 12) +
) T& A7 c% S6 n' D            (deHex(tmp.substring(3,4)) << 8) +  L. C% G5 v* B' _2 B. L) ?! l
            (deHex(tmp.substring(4,5)) << 4) +$ C4 i+ b9 h& X; X1 C! S
                   (deHex(tmp.substring(5,6))))$ [& @; B7 H8 @! J# M, M! {# G
}
$ H& f: E5 u/ u# i' e& m' p///////////////////Shimmering Links/////////////////////
1 W% C( u9 T' F/ z' n7 R//global variables6 Q3 H: s# m6 D( ?' M% G. @) q- n
var hoverColour
4 k6 H" Z' J* G6 h& Y7 x* Ovar numLinks;  b2 e" s2 H8 U( v$ L( m; Z' G. A; |9 m
var rate;
. ?: u. g( M9 n- ]$ Ivar numFadeLevels;
7 P) G& j3 o& j: {# Gvar bgR;  z3 t( v  J7 |0 ?! K6 V' g% S
var bgG;" i8 R+ \6 j! A2 S
var bgB;
, S6 Q& f; i9 P; o/ mvar currR;6 i( W$ u; K# |) a$ J) a' y- a" z: ~1 O
var currG;+ y5 K8 F' C; `+ P
var currB;( q# t% w  Q' [2 k0 P# O
var count;/ K8 P' `% \; ^
var fadeOut;. F1 [  I. R. \" {% C; ^
var continuous;
; X) S" b) Z& d) Q( tvar newColour;
2 z# s- S: @, E4 v( @& R' Y0 E9 l2 pvar tID;
3 K  ~; F1 B( ]3 S2 |1 k9 O" z9 Cvar redInterval;
( H+ W! P; T/ w1 S& `( ~- q5 `0 v! ?var greenInterval;. z7 K% X% y0 X6 Q% |
var blueInterval;) o1 p/ V. Q7 x4 Z# m: o& N
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
" c, ~& ~! b/ V' J* }# e{5 w  X$ E# l# z: |+ d% |; |
        hoverColour = mouseOverColour;% Y, O" [0 B5 ~2 k. Z( E" S/ R
        numLinks = numberOfLinks;
" H0 F+ Q# v2 X        rate = 1;/ I. ?" _) _+ o* c' x6 N
        numFadeLevels = 30;
8 e: U* b5 T" l        function initArray(theArray, length, val). T+ c/ u- n6 N) _9 _& l( d* e+ u
        {1 m& j) S9 M. h. {. y) r
                for(i=0;i<length;i++)( ]7 v/ K1 `* S& e3 z
                {# V* p7 d  E$ T
                        theArray = val;, @8 w/ ]; B; l, i* O+ ~
                }9 l8 m' \) B9 w0 C7 ^
        }3 J' H" J/ w5 m# k7 r  J! j/ V
        bgR = '0000' + fadeOutColour.substring(1,3)
6 S7 Z* J; h3 r" O' {" e        bgG = '0000' + fadeOutColour.substring(3,5)
' y5 v! k# ]' Y) c7 ?2 q7 h+ k$ I. `        bgB = '0000' + fadeOutColour.substring(5,7)
9 u3 l) P- Y" m' P        currR = new Array(numLinks);2 @1 ~" b# ^9 o( Z6 ?! D% K
        currG = new Array(numLinks);
1 F% J) k6 B+ V" L% v! l        currB = new Array(numLinks);
+ d0 u4 e5 S' h' `        count = new Array(numLinks);; c8 f9 E7 ]( C% a/ j# Z* ~
        fadeOut = new Array(numLinks);
9 p0 J( }9 a6 A8 f$ g' z0 e        continuous = new Array(numLinks);. |8 R, B! ?3 @; H7 C; Q7 D7 \
        newColour = new Array(numLinks);
! d' ?; E/ \; p: Y& Q9 `        tID = new Array(numLinks);
' w; ^  [1 e: P: d  C        redInterval = toDecimal(bgR) / numFadeLevels;
/ v# h2 b. W& `# c8 a7 H7 ^7 I! E0 F3 R        greenInterval = toDecimal(bgG) / numFadeLevels;! S0 H( ?$ Q  G' D; k2 j/ I9 H
        blueInterval = toDecimal(bgB) / numFadeLevels;
( v& y( s5 D9 n' C) w* P  I; O5 U/ n        initArray(currR,numLinks,0);! ]9 {3 @+ M( V! |2 U- f; B
        initArray(currG,numLinks,0);
4 W0 M8 H/ A  z+ J' V2 o9 m1 }        initArray(currB,numLinks,0);5 ~/ l0 e0 j3 E5 W8 d
        initArray(count,numLinks,0);/ _* T/ Q+ ~8 v& c4 J
        initArray(fadeOut,numLinks,true);
1 X& ~3 t) R& Z; e6 d. g( c9 j        initArray(continuous,numLinks,true);+ V8 u9 g3 s8 m! Y" W! B. u$ `
}        8 p) Y4 @$ G; F, B* }$ O2 I0 m' m
function startFade(id)6 ^& `0 ^" G9 [8 D
{
2 j- Q" s& x5 M- v. ?6 L* [% n        if(fadeOut[id] == true)
0 E" m0 Q5 s8 @        { /*move colour towards background colour (increment)*/
/ e5 Z" H* C8 [5 @, d% A2 ~                currR[id] += redInterval;
+ u7 W. Z7 k" }  b6 H3 i                currG[id] += greenInterval;
1 P# X' T& N' U  n0 e3 u, ?  p                currB[id] += blueInterval;
; p3 w9 v- b/ F                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
" w! B& H$ D, g& `9 u2 B3 P/ D. m/ a3 \                if(++count[id] == numFadeLevels)
. v, r9 b! y2 M) s                {6 y' S- A4 T/ k* s
                        fadeOut[id] = false;2 B5 ?3 }/ a& U: \" v8 }
                }( D! Y7 l. O) Z* \
        }
7 [) H1 s$ b2 R/ L- f8 j6 P" A$ g        else7 u) y8 }5 [6 ^: }6 a+ @
        {
) Z) o9 W# i# T  Z8 L                currR[id] -= redInterval;! z5 P- Z4 F  v% P5 _) D4 ]

5 x8 Z" b+ m& S2 a                currG[id] -= greenInterval;
0 d8 H0 r; m* f# o0 M1 `6 F# F
6 T' W/ n0 D5 m/ Y& g# w5 Z$ a: I                currB[id] -= blueInterval;3 [9 B/ Z, w& O9 G

; V6 h/ n7 ~' N/ N: l                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);( L3 |1 h5 Y$ o9 w4 A* }
( l8 D) u9 L* ^$ x7 B& r8 c6 R! ]
                if(--count[id] == 0)
% }! d0 `# U, _: m: l; m. T, D% [3 T; \' I; @; y5 F* E
                {% H5 h3 D8 G2 q1 t# z

  {  b2 g% |, a5 ~' r8 Y                        fadeOut[id] = true;
# Q) @, z" s2 L9 W' o0 D1 O/ P
- X( O) L( n5 z# q9 O                }
- F4 N4 ~6 R% M% Q0 D: m+ ~$ e6 B6 T9 |2 ^4 J$ ]- N
        }
" g. Y. ~$ ^# B7 \4 S3 l& R  N# [- m+ }3 Z/ y3 _( x$ C
        if(continuous[id] == true)
/ Q: Q6 F- Q. F
8 ]  F2 G% R9 U* _, z& d        {
$ E( _- l# u: [) Q4 h4 J" X7 D6 K( e: N: X( }( [" \
                document.getElementById(id).style.color = newColour[id];                / Q! K( a# c# \* y6 g

. k: f( z4 q) A6 |0 c        }
- i8 F# {. b9 s! [6 R8 a5 y& d! z* t& G3 m
        else  ]6 k) t3 g4 R# M

0 k- R" {) B- ^. D+ @5 A        {
* z2 p2 Y% X  L# ~
5 l( u- o/ `, i# D                document.getElementById(id).style.color = hoverColour;4 L" w5 h6 [+ \4 |' i( l
8 i4 Y& O9 I! k) a* Y! {
        }
7 i7 m( j8 G, Y! R$ B% ?+ J3 `* i& A: _
        clearTimeout(tID[id]);
0 _' w- K# F! q1 H& i* h0 X
% T% d7 K3 t$ k6 J: {6 I  `        tID[id]=setTimeout('startFade(' + id + ')', rate);
- ?  X$ C& z4 b+ p: W6 `9 c) l0 v" }3 ~. Y2 b: ~4 f) K. h
}0 k$ o) m, l# Z* Q7 H- j

0 s$ T- r3 B" u5 E9 dfunction continueFade(id)* a  ~5 v( x) }* b  U0 _

+ i4 L$ Y" @1 b$ u" ~. t( U{# v& U8 |5 M) S7 E8 K7 w2 W

- y" @9 B  ^  z# }# s0 f* @! U        continuous[id] = true;
, \$ o9 t' F8 J. @' b- e' U* z
# s5 F' d6 }) w0 L}
" R5 d0 _/ C4 W/ }2 B6 B# x
; ^7 U+ y: M& Y+ [0 W1 Efunction stopFade(id): j8 c3 K% V2 a# m2 b+ Y4 E

* ~$ S, @  s0 P3 J9 {0 Z' K{0 ^- i- v$ T! A. W
1 W2 s% S. z1 j
        continuous[id] = false;
7 T" l6 B6 U, Z+ A; f" O( s
$ L5 p1 Y" \, V. [* u: e1 c' O}
" k" U$ n% V8 `+ J$ R2 T/ x+ O5 I' J& \7 I
function StartTimers()
8 s2 y' q( u) k9 {, g' D, e% C  r' n3 _% `
{        //set up an initial set of timers to start the shimmering effect
8 V2 q( d) Q+ Z4 A) v5 [5 J( B
. d% H  l  S5 r3 ^+ i/ E8 Y6 a        for(id=0; id<numLinks; id++)$ F9 X; ?$ a9 @  _
9 U# a3 |+ D! U. r- s0 W
        {1 @( J5 Y2 O9 X3 G9 z

: A7 b1 R2 w' ]! }) ~+ l                t=setTimeout('startFade(' + id + ')', id*100);/ z: x6 C- @7 H5 L4 g& |3 {
% B/ N; |9 M5 o
        }
* K; a. d+ Y5 b. Q
1 \: Y' }6 F! {8 ?}
% n6 r( o' a! V; ~/ R. G5 R, y/ K
( A* i9 R7 n3 {" _. x, ?9 f) t//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour'). S" @0 M( G: {7 v, Y
) r, R: P4 g! [! n2 m5 y# W1 _2 }/ l
initLinks('#FF0000', 6, '#FFCC77');
* v$ D" C& y2 B& k( l1 i. {
' J/ V3 w+ N; F4 R; Q# L. ~//-->
9 N6 Y! ?: X1 q- Z) C9 Z* R! a' {( N; B& f
6 R& @4 ~$ h$ K% Y8 E</script>) z& g) c0 P# ^( Z8 Y) _) i
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元9 H. I, v; F8 o: H& ]/ T. X
</a>6 ^8 o: K! t$ T4 f
<br>
7 S, l( a0 B: ~3 U<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>( \. V4 L1 d; D" I* r
<br>
0 N( d5 v) f) K; @' F! M<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>2 Q9 y8 d! I: h$ M4 ^
<br>        , f; ^3 O1 H$ ?) e
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>1 s+ z* X- o; A: x6 E
<br>
7 v3 f  x! X- U% V, f2 o<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
1 y6 v' M% }+ V1 \& n: O$ j+ m0 f<br># b6 W4 A. |6 ]  i  K# r1 @$ a
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>3 e' \. D8 s5 l1 c! L$ ~/ I
<script language="javascript" type="text/javascript">
* U" ~+ R1 ]: |& R+ T% Y: H# ]" t6 b<!--+ i$ N4 X& Q- \: ^! g0 Y
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
, Z( `7 p5 ~* M- Y' ?//-->
7 I  `9 S/ @. D- [+ M" w( h7 x</script>