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

zw2004

<script language="javascript" type="text/javascript">. a3 j1 ~. }, n6 e+ o
<!--
* L: o" k) P$ i% l2 g5 u9 E// convert a single digit (0 - 16) into hex6 Z) E% f, b5 f" {; b
function enHex(aDigit)* A% L, V! Z' K% V; g, r/ O  }
{' h! P* ^- `) \3 x- i/ w, ?1 c5 @
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
4 f2 X& d* a1 e$ I/ F}
% g9 x, e/ }! i( |! R// convert a hex digit into decimal
6 c9 Q; h0 D, K' z8 lfunction deHex(aDigit)
- ?7 N8 ^7 o& p6 g2 m{
- M/ T6 \5 i2 {- D    return("0123456789ABCDEF".indexOf(aDigit))7 H) }+ Q2 Q- @- [& A
}5 p6 a" f+ I' Y  R+ F
" `7 @: n% L* d9 t* D* u0 B9 C% U
// Convert a 24bit number to hex) g. d. {  d  R3 s# t1 F$ e
function toHex(n)
5 e" @! }: a/ M" l2 W( Q) d4 R* b+ {{% d) |- I3 h" Z4 N  S
    return (enHex((0xf00000 & n) >> 20) +
4 z5 W1 S! O' G            enHex((0x0f0000 & n) >> 16) +7 b) W6 K( V' @0 _* {: u$ m
            enHex((0x00f000 & n) >> 12) +1 o/ B% N( V: [$ f
            enHex((0x000f00 & n) >>  8) +5 {% t/ T+ C9 D  Y: O, l
            enHex((0x0000f0 & n) >>  4) +. X  U' J* T' z1 f4 r$ c# ^
            enHex((0x00000f & n) >>  0))
6 u- c% h6 l9 E}! J7 Q. |  W+ Y! j; Z7 s$ q
// Convert a six character hex to decimal
! r' V# |- U' V) i4 s: Hfunction toDecimal(hexNum)
$ X& J! C) i9 B; ^( E{5 o) f- u1 f  E2 V* p6 }2 ]
           var tmp = ""+hexNum.toUpperCase()
) j  @& D$ I$ W/ ]    while (tmp.length < 6) tmp = "0"+tmp
: d' Q2 g" g3 `& @% K) T  ]% |+ M6 W           return ((deHex(tmp.substring(0,1)) << 20) +5 u" q8 i( a  G& h
                   (deHex(tmp.substring(1,2)) << 16) +
2 t4 @( C: P6 P2 y+ z            (deHex(tmp.substring(2,3)) << 12) +
) ^4 p. ^, e0 M+ i. e) E# z            (deHex(tmp.substring(3,4)) << 8) +
3 ~6 W+ E9 T( J" k3 J            (deHex(tmp.substring(4,5)) << 4) +
/ Y% |( i8 v9 D                   (deHex(tmp.substring(5,6))))* l0 a/ x) ~5 H3 B1 {
}
- E* ^* d" A9 D& J' H6 B5 o/ ]///////////////////Shimmering Links/////////////////////
9 ]4 N) Y2 R: K( r7 _1 [" u//global variables6 F: ~2 Z, S- v$ d) c
var hoverColour
0 u/ f4 M* Q+ n% j+ Y# @var numLinks;" L6 @: Z/ u8 C% d9 n+ p4 X
var rate;
) ~9 p# K* _% D1 _# yvar numFadeLevels;- U! t& T1 o& \, y
var bgR;9 v+ u, \5 A7 q9 N6 Z  h
var bgG;
' |$ V( [4 {* |' X' f* Svar bgB;2 s5 e$ _7 L" z# j* Z+ v/ z: E1 O
var currR;
8 N' P( u& U! B& a& U$ D4 o; a7 mvar currG;6 }& I- q7 V2 {/ m
var currB;
+ p8 W) @5 B7 l2 Dvar count;
/ [5 x) w& O8 Q0 i, evar fadeOut;9 @/ q" U6 I. J6 c( H+ R* U% J
var continuous;, F* n" F! p6 E  @
var newColour;: O4 J  q9 z2 _! ~0 P6 ^
var tID;
, [7 ?3 T, e/ c: C  R0 T, V% @$ jvar redInterval;
) ?. ~8 e: G' u: N6 \var greenInterval;) L' W* c- W- d9 s7 d( z
var blueInterval;) q1 {, a& k& h+ Q4 B, `/ K
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)& r- U! A6 g+ L0 F' w2 x% `, w2 z
{4 U3 h2 K* i9 O) H: b
        hoverColour = mouseOverColour;
3 K& ^. W8 S" O" e1 x        numLinks = numberOfLinks;
& W+ D4 b" `/ [# v        rate = 1;
7 T& L  p  {, o' h6 h3 B5 `. n        numFadeLevels = 30;4 r0 [, k: B/ g' ^
        function initArray(theArray, length, val)2 E+ l" P! l' }7 c  Y! F
        {
0 I& q, o6 ?# z( O' b' f5 g                for(i=0;i<length;i++)% C0 N! e% W2 C1 V# r9 N: v0 _
                {& Q: j2 c# F& i1 Q4 X
                        theArray = val;7 }5 ?0 F4 i5 p, l$ t6 y5 I# t
                }
% t$ l9 h, S" m0 m$ R& W        }
$ S0 O- Q, v! K! J8 F2 N( }  @6 E        bgR = '0000' + fadeOutColour.substring(1,3)8 b, T4 ]& h9 t) b
        bgG = '0000' + fadeOutColour.substring(3,5)9 j; y. m5 C2 A* j
        bgB = '0000' + fadeOutColour.substring(5,7)
, \2 _3 f2 @! h& J" G        currR = new Array(numLinks);
* e; d7 k; c2 ]( c. `0 O: g        currG = new Array(numLinks);2 n; t8 O+ g; L) j/ x+ G  D' R# w
        currB = new Array(numLinks);) V: |: C* E/ M, \4 D
        count = new Array(numLinks);1 z  K" i; H9 P( |7 E
        fadeOut = new Array(numLinks);# y7 n: R7 P' N( S
        continuous = new Array(numLinks);4 I0 v0 A4 l9 c& {
        newColour = new Array(numLinks);1 B( p( `% i  }# x! O# y
        tID = new Array(numLinks);
5 s0 f( @4 J+ ~/ {; H+ \: Y9 a        redInterval = toDecimal(bgR) / numFadeLevels;
. G. T& e! h' U, I( e! X        greenInterval = toDecimal(bgG) / numFadeLevels;8 Z, q, t% H: |: L% Z! |1 u
        blueInterval = toDecimal(bgB) / numFadeLevels;* W; A+ c/ z- c( ?
        initArray(currR,numLinks,0);
  M2 s! o( w& T! b% F8 P9 b3 _1 G. I        initArray(currG,numLinks,0);
# L7 ]/ O1 c; Z        initArray(currB,numLinks,0);
) ]  B% O) Q- D9 _        initArray(count,numLinks,0);" Z1 T$ G+ ~6 v3 \7 U
        initArray(fadeOut,numLinks,true);( i# R2 e7 N$ q/ z0 @( S2 L& P" Y
        initArray(continuous,numLinks,true);
+ _( e1 `; k) A+ r& f: e}        ' I/ Y' @4 `8 D7 v# s( G
function startFade(id)/ o: s5 @" H6 P* z3 {/ U( ^" b
{3 L& s! r, S/ R6 T$ X% T9 F+ g0 z
        if(fadeOut[id] == true)
8 B5 w9 W; E0 x        { /*move colour towards background colour (increment)*/1 w. S; ?8 T9 ^2 `
                currR[id] += redInterval;/ ~; @. q5 X+ Y4 j9 S
                currG[id] += greenInterval;8 c4 D" r6 f/ x' `% J
                currB[id] += blueInterval;
, _9 P+ X5 `/ n# q! r                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);- p& C& O: G; _
                if(++count[id] == numFadeLevels)
" j9 x# g5 }) h! ^& c7 n2 d                {1 e! H1 e3 L3 f
                        fadeOut[id] = false;! V* _9 U0 ^; x/ N0 Z3 E
                }
2 X' l4 q) i& ]+ B  l8 L        }' n( g: M3 S8 J1 z0 G
        else
# }/ k' R9 T" l: r/ Y; y; ~5 D        {! K, `& m0 g3 W: ~
                currR[id] -= redInterval;9 M1 S" G9 N$ ~& {% [+ w( A9 |
  x) _1 _1 C4 n0 F" \& x9 j& M
                currG[id] -= greenInterval;
: X1 ^4 N& R* T5 O8 }
6 E/ I) w. y$ j                currB[id] -= blueInterval;/ y( ]: A( d- j. Y

. ]% d% w3 H8 t5 r; U                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
9 L! g0 a3 l6 e* q, k3 Q! e2 m- A) p. Y6 A8 c
                if(--count[id] == 0)
6 @5 A& g: }+ L
6 b; G/ B; H1 ]7 d& A- M9 W                {9 _, R( X  X! @& ^/ N# Z
; _& d0 t; E$ d0 s# O, P
                        fadeOut[id] = true;
& m( \5 b+ K' U* Z
2 @( S+ \9 r1 e9 K3 \                }0 G/ Q8 O8 I) r( c) [
& Z1 H8 C! f2 }; ?; Q
        }
" i$ P6 c6 Z2 H' m7 I
( M; `) D$ q; `7 h0 S        if(continuous[id] == true)$ T9 I7 t) v9 O: s  q9 \
- i0 w$ W0 `2 H/ @
        {: x6 c8 {2 w' G4 V# O! |" S
9 M# D0 }( X% q1 h4 _! {. `
                document.getElementById(id).style.color = newColour[id];               
* d, v: [" W  h; p' L$ P- [2 U, V+ F2 U5 p" W! A9 g- F# u
        }+ m$ d4 K  j% J

- V# u( k! K1 v7 @  E7 ~        else
! ?& l0 v( W2 c3 n, r5 B9 s; y+ f
( V% y! m% L0 v! W9 \        {
  o. |. T- ^# b  l  L& [
, C- X# h- E1 ]" C                document.getElementById(id).style.color = hoverColour;  V9 ^  P+ g' k2 p
+ i# p' x) P: }% o. Q$ [% y* l. T
        }2 b# y: i1 S4 u3 r- U2 f
2 n& d! @6 m/ C; s; W0 w
        clearTimeout(tID[id]);
2 l2 S8 ?- k- t8 |# T
! b5 {$ m$ u& ?# a/ C' s        tID[id]=setTimeout('startFade(' + id + ')', rate);
2 f) v& b' d* S" z0 {3 d- A
* _/ W. c! X7 B9 o+ P, w: R# n}7 x; m- R! B, Z- B$ F* V: f1 g! {

7 ^# Z  x% b/ P5 ]function continueFade(id)
' K" z* O; ~7 B; m# o: w) k
+ P: H. w- u+ \. G3 b. r{
2 s& G2 S  W% [7 I
0 r6 k, d+ H  f% p6 [; Z        continuous[id] = true;+ U: W4 H$ K- n/ e
! h2 m( }" V; ~' N/ o8 ^, J
}4 s; O  H" G. `, G+ G( a. o; E

5 z! S( T! D2 `& _$ Vfunction stopFade(id)
& m4 s! h8 p2 S/ G& v( r1 A/ R
- v. n$ R0 H: s) k{- t2 L+ Y: j8 P) Y7 G

0 ^2 S! M" d: \. P; D, n& M        continuous[id] = false;, r8 i2 H( i& C9 ]+ I" A

  n2 A. ?) y2 _+ s8 k0 R}' j0 V8 J0 G0 [

: V2 l% W9 G) W# ?$ Nfunction StartTimers()
' c) {% B/ K/ b, F5 I9 ?% m: H( Y# i) }  ^7 L
{        //set up an initial set of timers to start the shimmering effect' g" @% s% `( w1 I# e. O
# _7 d! i9 B9 I* v2 d7 D
        for(id=0; id<numLinks; id++)  Y1 c7 U) d) f% l" Q# m2 S

* h8 A* T% |" O+ b* q        {) h1 f$ F! L; j
. @. a& E( d6 v9 v4 z( N1 y
                t=setTimeout('startFade(' + id + ')', id*100);
  l0 a5 A, K  ]- N  N8 W* b2 G8 F' @' V* w% h" v6 U
        }
3 {, l) ^1 t  r! N/ e! o& d
$ H: e- E  y* M, w+ U}
6 w. w* V0 l1 |: A/ F% |5 @
! S$ u6 s- t) B6 ]6 D8 i//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
2 q6 y" d7 b' j7 l+ g  i2 k' Y* q, S* K5 E
initLinks('#FF0000', 6, '#FFCC77');  k& w  T/ E4 |& m0 l

* g+ ^3 h2 T  f//-->1 j9 v9 w/ _+ m* D2 K. d9 E* G
' n" {1 b4 B6 u! e/ ~% z
</script>% P# _! u$ Y# S' `: z* `8 L
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
# |% v/ H& ?+ ?* x6 ]. i</a>
, g: \# H# H2 e# ?0 @<br>
5 i0 K# [2 Y, @% W) {1 u* N9 d# S+ s<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>  Q- P5 i9 A& k: y) M+ y
<br>3 q/ H! X+ {1 d0 P* |9 L9 q" ~
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
) n; i$ F5 u  I& K$ k7 {<br>        . P4 P! ~" [2 [3 O
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
3 [6 D. S5 d1 T! F9 F<br>
2 q" b; Y' u+ X<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
' O6 r- ^% c) \! o7 ^4 i% F, y<br>
9 G# v, B# i( h/ i# {; U' m<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
$ d. r9 P4 D1 r3 _: T<script language="javascript" type="text/javascript">+ L( V3 P8 w8 ?" o+ \- Y6 R1 s
<!--+ X3 x: S: z7 T  y7 I
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
% u4 ^+ j( b/ N. c  Q; G* H//-->
& ~8 b( c- d( d</script>