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

zw2004

<script language="javascript" type="text/javascript">. c; H7 a! T/ E
<!--# A- l; W) F9 z% l* ?* J% J
// convert a single digit (0 - 16) into hex
0 a8 k! x7 ?0 i7 F) m) xfunction enHex(aDigit)
6 Q1 b2 ^+ Q! @1 n{8 {' z0 G! B6 N+ s, z9 u  Y1 T$ }# [
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
. `3 t) R  T0 a8 T! O! _0 C}
* B0 k  t6 t* w) q// convert a hex digit into decimal, w  Y& w3 d* D( K; G% Z  Q
function deHex(aDigit)
. j4 c/ s$ O1 w8 S4 w& a7 g{. B7 i! M4 E, Z2 K
    return("0123456789ABCDEF".indexOf(aDigit))
6 O0 L) ^4 j5 D+ l5 k}  h. R  g" [; I. ?  M( d9 ?" i" m

% g4 h1 {4 g5 |: Z& i4 Y// Convert a 24bit number to hex
( C" i7 I2 h) n8 {6 {) ofunction toHex(n)
! ]0 j: @0 F  n. M4 |{4 q) w  p* @% E$ g. i
    return (enHex((0xf00000 & n) >> 20) +
+ ?( ~) Y  o1 {9 k3 ~            enHex((0x0f0000 & n) >> 16) +
- g% H) l) q" v4 N" o            enHex((0x00f000 & n) >> 12) +
7 L# I8 P2 h3 r" |            enHex((0x000f00 & n) >>  8) +
5 D: j: V1 ?/ }! r0 c+ G1 H- C            enHex((0x0000f0 & n) >>  4) +$ C, x' n- X4 K/ n9 ~' E/ ?3 @2 |6 R
            enHex((0x00000f & n) >>  0))
3 L  n0 I! Y9 S8 S- S}3 r- L2 F& ^4 r
// Convert a six character hex to decimal( A* \$ A1 I8 R+ F* ^( c
function toDecimal(hexNum)
* l: l8 @8 r* B0 J& W( r{# d8 I% R& W7 h# i1 K. M, ?
           var tmp = ""+hexNum.toUpperCase()
% Y3 o. g0 _) o! J6 Z6 a1 G    while (tmp.length < 6) tmp = "0"+tmp
" H. _3 A6 k5 t* W; Y           return ((deHex(tmp.substring(0,1)) << 20) +8 d& J2 G7 H2 s! W* R' K  L: V2 G1 p
                   (deHex(tmp.substring(1,2)) << 16) +
4 Q( \, e$ k! r  P2 |2 e9 a% \            (deHex(tmp.substring(2,3)) << 12) +
: z/ d, N" d7 Z$ Q0 o            (deHex(tmp.substring(3,4)) << 8) +
0 V* E+ I! |" V            (deHex(tmp.substring(4,5)) << 4) +, q  ~- `6 l0 d9 L! q& q# {
                   (deHex(tmp.substring(5,6))))
4 J! r! u0 I  h, N9 W8 r. j}
( ^; ?* W5 V7 t" l" Q///////////////////Shimmering Links/////////////////////! v6 @6 e2 t# b5 K# p9 W+ @3 }! }
//global variables- M9 }' {, f- V/ a+ C) R
var hoverColour. s) P7 @; p5 V: Y4 k
var numLinks;
: O0 u! n, X, }& E- yvar rate;
2 y2 }# H" t. Bvar numFadeLevels;6 u4 v. Q- d& l) G2 c$ m: L6 Z3 |
var bgR;! v; [) f: C$ Q, [0 l0 d, w
var bgG;/ Z; A7 F  e# Y/ \' h
var bgB;
8 ^: R/ r# p3 gvar currR;
. w$ E6 ~* A' z" ]; Uvar currG;  k9 i# d  h: e; T- Q& [
var currB;
) g& r  S0 o# yvar count;* l! _4 e* z. O  p2 ~6 J! T3 d
var fadeOut;% r" E& u0 F( E- ~2 k; D4 o
var continuous;6 V( \$ L- D- C# n4 ?- u
var newColour;
+ f* E4 }0 U" Y* \9 Avar tID;( U+ z, W: b+ _- O2 H
var redInterval;
3 S! c# D' }) j* m/ z! |+ ?var greenInterval;  h: K7 f7 o% A; ~  G9 }$ W
var blueInterval;6 V  Z. T/ ~  L. N; U+ S; P
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour). A8 l& F! l( o/ O
{
$ j+ H# {* x$ K. `& T        hoverColour = mouseOverColour;
9 k7 H( }6 G3 |+ z! @) N' n! J4 w        numLinks = numberOfLinks;9 z" k4 N% f" S& U( o
        rate = 1;
5 r( i+ W. a- M        numFadeLevels = 30;5 Q: r4 ?  |; b8 r* v" L+ t
        function initArray(theArray, length, val)
8 r( M+ i: \2 U/ K+ Y        {! J- ]  h1 }! N  ~
                for(i=0;i<length;i++)  b$ T$ o9 ^$ D! M% Y! D
                {% D& E+ b, Q% k. L
                        theArray = val;0 K& ~1 k: o% E4 y0 u* B* a6 V
                }" I* |' H% q" R2 f. l3 q
        }0 ?5 I. c+ I- @* f$ v  i; s; K" Q
        bgR = '0000' + fadeOutColour.substring(1,3)6 \5 M4 X: O. L* T* I0 P
        bgG = '0000' + fadeOutColour.substring(3,5)
$ d" }8 U& ~5 B  \* y) }        bgB = '0000' + fadeOutColour.substring(5,7)
* S; E( @( c, A: }# q& y        currR = new Array(numLinks);
7 v( X. p- D- {/ v  Z+ A        currG = new Array(numLinks);4 L5 K1 J+ }, N) o1 Y  h
        currB = new Array(numLinks);8 i/ h* J" u- Z" B$ |
        count = new Array(numLinks);6 I" x  s* I" k* w( y/ P. k
        fadeOut = new Array(numLinks);
" L6 ^- m  x+ h% A0 C% T        continuous = new Array(numLinks);& ~+ n) E6 Q; P$ b% W8 R5 _
        newColour = new Array(numLinks);
5 v  e5 p# L' F0 }, ?, T        tID = new Array(numLinks);
8 x' C/ z  Z3 @9 D        redInterval = toDecimal(bgR) / numFadeLevels;" e! _: [# g3 n; ]* i! U
        greenInterval = toDecimal(bgG) / numFadeLevels;
. y3 Y7 B9 K3 ^5 J  m        blueInterval = toDecimal(bgB) / numFadeLevels;
: I, p+ H! D! l1 M2 [! k) P        initArray(currR,numLinks,0);
& k3 o' u/ k- y2 @* U        initArray(currG,numLinks,0);: p& N6 V" P" C: B/ k; w
        initArray(currB,numLinks,0);3 ]+ }5 {/ b8 \" T9 F
        initArray(count,numLinks,0);
+ T7 v  _* S+ j+ L/ @  t6 ]5 o+ A        initArray(fadeOut,numLinks,true);
$ T" ~# Q$ K) V2 e  |) I. s        initArray(continuous,numLinks,true);! T! v6 B+ y' ]) E7 ^
}        . q# w4 z! `9 T8 l  O# F% H) ?
function startFade(id)& o+ l6 n+ b( S* \
{% I% `6 _8 b9 d; J8 u
        if(fadeOut[id] == true)' ?3 e' o4 r4 N
        { /*move colour towards background colour (increment)*/
9 \7 p+ U% R9 p( B7 M' c                currR[id] += redInterval;8 |* M( R6 j2 B$ \0 {
                currG[id] += greenInterval;
0 L% n* c  \/ a3 ]  I* d: o9 e                currB[id] += blueInterval;7 e2 y' h: _0 a+ m* _
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
# l  \, ?" P/ q                if(++count[id] == numFadeLevels)
6 k5 u  B. |' H7 y+ M                {. O7 H, P7 R$ ~8 Q& c. `
                        fadeOut[id] = false;
/ H; g2 W0 v; ?- `! o( I                }
6 p& N& V9 l1 r- A, v        }
3 X, w/ K, L- B8 u' y        else7 }2 P$ m. c- V& s& k7 o! E
        {
  y0 F* k5 h  k                currR[id] -= redInterval;
! N$ ^% J1 l5 {3 r# n$ s; \
9 v2 G; k  n/ s# c! ?                currG[id] -= greenInterval;( u; ^4 w$ K. A' ]0 G7 Y5 A/ Z
( C2 }# \9 {, \/ t5 C
                currB[id] -= blueInterval;% y" W" p) G5 u
8 P: g, X0 I, J- G1 w& i
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
0 L: K; y. v% n3 D8 G% H( P* v7 E6 F' }
                if(--count[id] == 0)
1 r* T1 D  h" L
& L: Q# ]1 v7 ]4 t                {5 `) ^' O% r. D* M0 {
* k* l4 H; P) W( l5 O  K: B
                        fadeOut[id] = true;
9 B) O$ d5 l5 o% c6 y
7 O5 K: A7 T1 m! J$ |. V" @                }
+ f, S8 t+ f# p& F3 E) w
; U5 t. c0 W) e, p* [        }/ q  ?- \% T  X8 T* \5 e! O

9 R: b1 {! f/ j/ Q# }( l        if(continuous[id] == true)) l1 f8 A% q3 p* V. i: l
( R4 t" o' P( u& n8 M
        {
) @, i' L$ l0 `5 J7 `2 Y$ A& U: b; y5 _9 ^* B! x- m/ J" S
                document.getElementById(id).style.color = newColour[id];               
  z2 n* e. v0 O3 f+ N+ D0 c+ f0 Y" o* A; h+ g& E; n
        }
9 J5 m6 d7 w' k3 s9 _6 v3 y7 x
  W- }& H2 u1 V$ w; d' r        else2 u( x% S* b( K
. F8 ~" P. G( a: S; @. Q5 Y
        {8 p9 J7 i' ~& G; {% E4 m* K
% }/ {0 ?7 t. O8 _! {$ e+ Q
                document.getElementById(id).style.color = hoverColour;
* V. t6 a) a$ p/ n8 T3 R6 r# {- W
" u6 d; x: t6 D: V- V        }% y/ I* }5 M2 J& d* d( V7 @
+ ^; _: K4 D2 f0 d* U
        clearTimeout(tID[id]);0 I& C$ t6 ~; U

7 n: ]0 K3 x$ ]5 ?        tID[id]=setTimeout('startFade(' + id + ')', rate);
, \% [5 y) K/ L# R" |; L4 u  |
3 R9 A2 C2 ?+ h6 H# L; B# c}
6 F3 |! X0 t. n/ I/ t. }5 Z. U1 j2 U3 u  s, I
function continueFade(id). a. F  K9 e( G3 z

1 I- b7 j9 W% B8 b5 @5 y1 b{
  l- W4 n# q, _% ^) ~( K. G7 q7 L! w! A  a( g$ w2 `/ f$ U/ {" L5 H0 A
        continuous[id] = true;
4 E, C0 j% l* t& {" y+ b' R- \; n" J
}& I1 _9 f+ E  z+ |  e0 I
$ T% [. `1 n4 ^1 X4 H) k
function stopFade(id)# Q3 R4 b& I7 _& `9 Q
7 t/ L) s! R# c+ {8 o% K/ S/ }
{
0 R( Z2 U& ?/ k, ?! B1 D$ `' _  ]/ i6 Y5 Y* b
        continuous[id] = false;( n" S4 P# S2 }5 u

2 t0 v7 r! q. K$ W( U}
, x# |* m9 O" U% z5 @& g5 r: E* {5 k- W7 K3 m' N( i
function StartTimers()2 z5 N3 W5 r/ O; o
: p  C/ P8 y* ^2 K/ |) V; p
{        //set up an initial set of timers to start the shimmering effect" b' ?; |; S3 _# D( v
6 |* I6 h8 H1 m' d5 k  _; t
        for(id=0; id<numLinks; id++)
4 n6 \" J: ~4 J8 x( V0 l) A! h
        {
* O- g( {4 c( ^' M9 P/ p# G, k* A, q2 \1 ?6 Z  r
                t=setTimeout('startFade(' + id + ')', id*100);8 }+ x* {; K1 {9 Q

: T8 U  X1 L/ K1 H% K$ L        }& z, L1 B! x2 `
" |6 }' v" ^* ~! G$ H$ Y5 Z/ ]9 V
}1 y# v2 n8 J" A3 W# u7 x$ D& E

4 N6 O$ @8 D6 \4 v3 @3 V//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
; ?6 X& R+ F* W4 I2 j4 h  @' p/ A: W: B, \2 Q5 F  }) z) q* d
initLinks('#FF0000', 6, '#FFCC77');
6 k; d# p& Z* B9 N! V0 H4 x2 u; _* @2 `+ A7 _7 ^' {( Y  y6 ~
//-->: w2 D% v; [5 l+ L
! W& ^  S& X9 c$ t" N/ l/ V' ]
</script>3 N$ E( S1 C" n9 ]; |- v6 `
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
) ~/ p, M5 u4 Z4 F/ W% m</a>. i5 U% s0 v& x
<br>
  J8 e' O, q( Z5 A4 a9 f<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
3 l) t5 l4 @# @: p6 ^( P<br>" ?( ~$ J, O" m- h
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
8 p- L( v) e' I3 f<br>        4 Z% |% V$ U! s3 |$ [
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>0 j  F8 {9 v1 x9 s: @3 ?4 j
<br>
( y" N2 i5 X* {2 F4 C4 t3 v<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
% z0 R5 ]1 a) Z6 L) q" o3 J- b: R<br># J' S2 T4 @, Z9 N
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>$ v# I. t4 b- L0 j8 j0 r: Y
<script language="javascript" type="text/javascript">
( G& r3 y3 R5 |<!--
( m/ H( N! c$ `setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering) B% k( ?1 W/ X0 w1 g* M& u
//-->' d4 T8 E( F+ z) |( J  U$ u8 r1 K
</script>