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

zw2004

<script language="javascript" type="text/javascript">( }  s2 X  X  v$ I
<!--
: ^9 @0 _  {  f4 s8 u// convert a single digit (0 - 16) into hex/ B7 |3 j9 \6 `/ W  `' n, M
function enHex(aDigit)) E- g. F# s: c
{
$ ^; B! N9 O6 u4 D* t8 y. R- m    return("0123456789ABCDEF".substring(aDigit, aDigit+1))' b+ v, ?9 e. n9 T
}7 H  h; V( n8 h% g  K; U0 s0 K
// convert a hex digit into decimal& y  I) _7 K* I! w
function deHex(aDigit)
6 `5 t- D, U! \* G7 E8 o# P{& n6 f7 [7 O( h8 D/ l1 K" _
    return("0123456789ABCDEF".indexOf(aDigit))
+ i2 ~3 Z8 b% q* D+ x: G# s}
& p0 c7 b& j/ k9 D) c* D7 u
5 Z! v& W% _  G8 c; e( W// Convert a 24bit number to hex
0 F3 x" s2 Q) c6 k) ffunction toHex(n)
8 }8 t  ?! L& v: Y8 f! e; ]+ X{3 m* U$ W% r1 r7 L, O& E" R
    return (enHex((0xf00000 & n) >> 20) +
" d' o5 }9 L0 b) C9 p; t& G) X: I0 @1 o            enHex((0x0f0000 & n) >> 16) +
7 o( o9 \2 X. P! x8 O            enHex((0x00f000 & n) >> 12) +$ f  Z' r  i+ P1 q
            enHex((0x000f00 & n) >>  8) +
5 y9 E* F6 R' B/ i# F3 H            enHex((0x0000f0 & n) >>  4) +
5 S0 Y6 f$ b0 z/ S1 J/ i: p            enHex((0x00000f & n) >>  0))5 j& g! D3 o5 Y! n: q! {1 v# ]
}
: D) i' H( j& l: `6 B  z// Convert a six character hex to decimal/ J: O8 N5 x2 @7 \- T, q- u9 Q
function toDecimal(hexNum)( f! f" K0 S, S5 I0 P
{
  w+ M9 }& I% T  N+ k           var tmp = ""+hexNum.toUpperCase()
, b1 O& C6 y% t. C0 \    while (tmp.length < 6) tmp = "0"+tmp* ?( u/ s% S% Q& Q  G, G  g( [) Q. }
           return ((deHex(tmp.substring(0,1)) << 20) +
$ Y# o1 H8 L/ q" n2 s/ l4 B+ m                   (deHex(tmp.substring(1,2)) << 16) +
* L# U" w0 e( ~6 n            (deHex(tmp.substring(2,3)) << 12) +  E# v, ~' U/ C) E
            (deHex(tmp.substring(3,4)) << 8) +
7 ], h% x' z6 Q+ {9 \; s8 ^3 e" a# {            (deHex(tmp.substring(4,5)) << 4) +/ E; W& J7 r+ T( n
                   (deHex(tmp.substring(5,6))))
3 V; g! K! y& G}% _& Y% B! `7 J, k5 H& U
///////////////////Shimmering Links/////////////////////" l" q( g/ t1 c: T0 v* ^. a
//global variables+ e$ E0 F+ i0 U0 _9 y' b! u
var hoverColour
4 D3 D  c6 \8 j# k6 Avar numLinks;0 O1 q: }! L) p
var rate;
4 V5 A& L2 }( M0 d5 }3 vvar numFadeLevels;4 }9 D/ f$ u8 Y3 z* V  }# s) T
var bgR;
: w' j7 `/ @' n6 k+ m7 Evar bgG;9 J0 i* r) |+ K+ v3 C- a5 K
var bgB;+ s  U/ L8 d7 }3 f
var currR;( P& K1 y  A$ m/ \! t  T+ t
var currG;& }2 |* \2 e+ g. N
var currB;
3 {# R; N' Z2 y: _0 F- |/ T# ~; Yvar count;8 y0 Q5 W' r; `* i3 Z; Z/ R
var fadeOut;
. D8 _& [; y! O$ mvar continuous;
% R' U3 {; ?' ]var newColour;
3 T, O; n1 X  i: S8 `var tID;4 v! g; v8 ~5 S1 T, _$ h. I
var redInterval;
; A. B% I8 [7 q. Q: W* @- ]var greenInterval;
/ r( R+ u8 P3 Y3 _. Bvar blueInterval;3 h  Y& M# C( b4 M8 w% Q# J  z
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)) P3 q  b4 h3 Z8 G( C* H
{
0 {$ F: b8 B; o8 [2 I        hoverColour = mouseOverColour;# Y1 U0 M* l9 A
        numLinks = numberOfLinks;
; x+ d  o6 i! j- ^        rate = 1;+ g# X8 |9 b3 \6 ~/ t/ t
        numFadeLevels = 30;1 \& [$ ]& {( J" j
        function initArray(theArray, length, val). r  X  |: h8 b* z! D
        {+ ^- i2 Y, K6 z# o" c. G+ y
                for(i=0;i<length;i++)
) \$ I2 a1 _/ O- ~0 ~% ~# V                {
9 k' k, X! y$ R* [& ~                        theArray = val;
" L1 E8 n- z# @0 W                }0 m& |/ n9 c* N- Z5 D1 r- g
        }
/ G/ E/ }# G" J+ \6 \1 k        bgR = '0000' + fadeOutColour.substring(1,3)7 P9 v7 \/ e8 c; Z6 k
        bgG = '0000' + fadeOutColour.substring(3,5)
8 q' ^) L4 D5 [/ D8 v* h        bgB = '0000' + fadeOutColour.substring(5,7)/ M4 f  Y! ?3 [+ Y5 v# O
        currR = new Array(numLinks);2 _" G: \# v4 K
        currG = new Array(numLinks);$ G) a8 ?) ?! _# M/ D* K8 X+ B) _
        currB = new Array(numLinks);- V8 x: F2 w/ H4 t  R2 A
        count = new Array(numLinks);
5 n5 P( q, j# w) d        fadeOut = new Array(numLinks);  u7 n  W8 C& H; E  g, q8 V
        continuous = new Array(numLinks);
+ N0 L$ n, t$ g0 b3 Q1 P1 c        newColour = new Array(numLinks);) x1 e' o; a+ k; s2 {
        tID = new Array(numLinks);
# ?2 C" f; B" X' U+ V, r        redInterval = toDecimal(bgR) / numFadeLevels;1 F- I; `+ N; O8 C. d# d  N* Z
        greenInterval = toDecimal(bgG) / numFadeLevels;( i* j3 O7 b* b6 `& q# O: d9 g
        blueInterval = toDecimal(bgB) / numFadeLevels;
2 q, G! C: O, x& ^. O        initArray(currR,numLinks,0);  B$ H4 y, k) E
        initArray(currG,numLinks,0);1 ^* q8 k2 i2 M) ^8 f
        initArray(currB,numLinks,0);
5 c% I4 p* i; U        initArray(count,numLinks,0);
7 i2 [9 ?$ K7 Y        initArray(fadeOut,numLinks,true);
+ Q6 m1 @0 W' y; F% r: d" |        initArray(continuous,numLinks,true);4 `, d4 d: D/ p6 i( n. P
}       
2 Q9 U; b! X$ L3 v6 Ofunction startFade(id): C  k  C; j2 e" P) S; V- E
{
: b7 f! U7 o3 o2 O4 w, G+ M        if(fadeOut[id] == true)
/ ^2 \6 C$ K8 k/ K: l6 X; E        { /*move colour towards background colour (increment)*/  z0 `2 c& f3 e5 o% J: O% i5 ?4 [
                currR[id] += redInterval;
: N# }  G" J) }$ ?: \9 r' G* R                currG[id] += greenInterval;
; [9 e; h& U; u                currB[id] += blueInterval;
" K$ f! M) c. M, E  W' H5 I                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);% {. n/ V" p1 u1 |4 I- c& u
                if(++count[id] == numFadeLevels)
4 g, G) t$ o  ^( e" o' \                {- n3 a2 K* O7 p% Q! x+ V% @2 C
                        fadeOut[id] = false;' M, f+ k! F! Z! @
                }
. q8 w; `% C3 s2 G" t+ j        }
6 k' Q, ~, {' m1 I        else
+ P; Z1 u8 z6 E7 F        {
1 N$ \7 e* c2 D; }! A                currR[id] -= redInterval;
) j* n( y- s% u$ X7 ]7 ]& o
* Y4 [/ p% t- p) n                currG[id] -= greenInterval;
9 q6 P7 u) |+ J: @
9 n4 o6 a; M: V. e                currB[id] -= blueInterval;4 C: |+ D' \, u4 d8 ]& w) z
9 a9 E. S( H  \' Y4 E
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);7 R3 f9 m7 A" U8 e) |0 M
) r' J0 Y# m5 Z/ n( y
                if(--count[id] == 0)
3 S$ T0 i: n5 Z+ a" a2 U4 E4 l3 Q. B" j
                {
  z" y' p$ M, }; n2 I& H- N9 {6 ?; \' c" H! h. ?4 c* k
                        fadeOut[id] = true;- V; B7 [7 u, L
1 |$ o1 {; H# Z1 i/ B% |" {
                }8 u  _+ M  @  Z+ A

6 g+ O/ s0 V' D/ T: P' h) }        }
4 G9 G/ M4 A, a6 p0 x7 Y3 B8 `7 z  k. o; U: f) A! Y# q
        if(continuous[id] == true)
  }! J% G4 i: J! \( a, f  g7 S, z5 L- d7 z& G; v. N. x
        {
/ {9 E+ A0 E; X" o  N" |& x, @( y
                document.getElementById(id).style.color = newColour[id];                3 U, m& b9 Q1 v2 t9 m

; z6 j  z4 }# o. x- z        }
! d9 d% t. V' V, |  k$ e* h7 O. C
1 s( \) U; y* `; z$ U( m        else  r- J- A  x+ q1 K9 A. G* _

8 P2 [& A6 l0 n0 z5 G        {
& u( @9 w3 _8 w* ?# _' h8 \$ M/ u( p1 M
                document.getElementById(id).style.color = hoverColour;$ }% y: }+ _6 Y
! l0 P2 ?% b2 F' o" A  t
        }* D; o0 q. @" q- n  B

" \. x+ {  E3 \- k) j+ L; f$ M$ W        clearTimeout(tID[id]);# v7 `7 e4 u& s/ {; R

$ n* [# d0 Q& ?/ P! @: g  {( A+ ]        tID[id]=setTimeout('startFade(' + id + ')', rate);
6 i$ D8 N5 C$ Q7 {3 a, s/ z5 o. i' D2 \. C# M
}
& @: Z4 J2 D# ^! u+ ~4 I8 T2 w: D1 i+ m
function continueFade(id)
4 p. v- \) h# o0 H# L/ ^3 }* e' E" w: B  [* {* U
{
( Q2 `6 Y7 b! a% `9 O4 r) w- Q: r$ t
        continuous[id] = true;- B. o9 V- y& t+ ?
/ X1 g; g% X6 ?1 ^% ]
}
5 z) Q1 y8 V$ }; K' B5 D" q( e# A4 h- c
function stopFade(id)
& h& n+ x+ l% r9 o. f+ k, E. E
: `7 V( P4 T' ~0 n{
; F  d) {, ]8 r" B8 e  \! Y( q" P5 z9 i
        continuous[id] = false;0 v0 n' o& B1 Y* `& D0 t

5 h4 v3 ]/ y2 l! }4 o$ t}3 R7 S% F3 C7 k. v

# l( r% Z% `9 n; w; p, I9 ^: b. Sfunction StartTimers()
: v# l! ?! ~' _' O9 _
$ Y9 D0 v6 b  C* T, G0 h8 J{        //set up an initial set of timers to start the shimmering effect
; B  x5 s# h& V
: `1 l+ V: B8 q6 C. ^        for(id=0; id<numLinks; id++). g, K7 q+ y' X. u# W/ p& b' j

( ?8 a$ k- i$ O" F- I% V5 p! V4 j        {$ X( ^( t4 k3 `  j! B

# T# I4 ~. I8 }# k2 u                t=setTimeout('startFade(' + id + ')', id*100);1 ~$ C+ p: Z+ m6 h, @3 b

; h. @/ J& X" k! Z1 W        }
! I# r# k& l. p& j9 H0 ^+ ~% @: B' R4 E
}+ c  Z! {6 `; H1 h
; q! H9 O2 J) e& B/ N# c
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
4 |* R* I8 k5 H& ^4 G2 u
4 M1 K# I0 t0 linitLinks('#FF0000', 6, '#FFCC77');0 L6 f5 w: o# q( e

+ |) ~  e, i- N//-->
: {/ s! B* ~$ v5 t' ^
% h$ x  E9 |4 W- e* S. Y* \</script>. m$ K. H1 _& q& S: z6 ]: F! U
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
' W5 Q& G6 S8 U% c- W1 z, d1 O( n</a>
8 S, x- G$ g( ~<br>9 ~/ f4 J1 `& x$ U+ V
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>  x8 P) ~/ S2 R: f( R' N' r2 Z4 G$ S
<br>: m5 p/ B- s$ O+ Q5 F+ f, ~
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
/ b% b% H0 ~5 g6 Y<br>       
: B8 P; r$ y2 B% Q2 j<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>4 u4 V6 e  J0 ?8 S& V) x
<br>( m1 H' O; d0 _
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>( _5 t) U8 e, r  E+ K
<br>
2 r0 [: D, ~( S- y. d+ k& Q7 o<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>" R! g4 g; [# |1 p+ Y! r1 i) I* D
<script language="javascript" type="text/javascript">- A6 q0 U* d! L* B* Y
<!--
2 a$ }  b# i5 ?* W  RsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering8 s5 I5 g8 h/ @! o; c( T
//-->: X; z/ d5 X! b4 U1 S) E+ P' x
</script>