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

zw2004

<script language="javascript" type="text/javascript">6 X6 E* u; F5 f! d* n
<!--
3 w$ W- J! \) |6 K. F( u// convert a single digit (0 - 16) into hex8 f0 }! J7 U5 h$ Z
function enHex(aDigit)
* z# L4 U9 S+ {6 o( s% H{4 S- M, l* E2 u! u; e
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))& f/ A2 t, E/ R  A: L9 l
}$ ?. T1 z  O5 V, f
// convert a hex digit into decimal
* Z: g( I$ g7 H( q! Y) A' yfunction deHex(aDigit)
8 a" ^- }( N. w& L$ Z, V; C/ S{
. T# G' t! v: v, I1 M3 F0 _7 q    return("0123456789ABCDEF".indexOf(aDigit))8 B2 s  Q: W5 {' Q  y9 A
}
' X- q8 A  p  ^* h4 ], u; Q+ w# r" T
// Convert a 24bit number to hex
2 w- l7 b! `# Pfunction toHex(n)
, V2 V* M! l& U2 Y% h4 Z: ?, F: S{! R8 V) F+ z( y+ B4 C+ y5 I
    return (enHex((0xf00000 & n) >> 20) +6 V! D' O3 Q' w9 Y2 J- W) p
            enHex((0x0f0000 & n) >> 16) +
4 B3 q9 q9 k2 X3 A4 |3 a. W  \            enHex((0x00f000 & n) >> 12) +# R8 V0 s3 B, \) ]0 j
            enHex((0x000f00 & n) >>  8) +
7 b$ b# w8 T9 L) @1 \5 m            enHex((0x0000f0 & n) >>  4) +
% {1 |1 z9 b: p  v6 O* T# J            enHex((0x00000f & n) >>  0))
- N; z& d4 Y4 J8 p! C}% M9 d3 _) W' ~
// Convert a six character hex to decimal
2 b" M) }# P: u7 ?function toDecimal(hexNum)! f9 M+ f2 `( c+ e
{
! _3 N' ]5 U4 e9 E           var tmp = ""+hexNum.toUpperCase()
$ e' e( p7 N  ~: `  n$ z5 C2 }; V    while (tmp.length < 6) tmp = "0"+tmp
0 W, K8 l! p. u3 e1 t' x           return ((deHex(tmp.substring(0,1)) << 20) +% o' ^8 O) f, R1 w; I; }% h' f0 E
                   (deHex(tmp.substring(1,2)) << 16) + ( b/ I" N# Z) _8 Y, b! W
            (deHex(tmp.substring(2,3)) << 12) +7 n! I. |# a! a
            (deHex(tmp.substring(3,4)) << 8) +5 k- `: d+ ^, X4 d1 m0 Q7 ?) m! y( _
            (deHex(tmp.substring(4,5)) << 4) +
1 D6 h. v1 e0 L, n                   (deHex(tmp.substring(5,6))))
0 }) t- O4 f" h! @, u# T}  e& `% k# }% m9 ?; d1 F4 S7 V
///////////////////Shimmering Links/////////////////////% Q4 A& ]. B# b7 k
//global variables) G$ u6 o2 J  w, K/ _" p
var hoverColour& ]) I# C! v! U7 t5 ^& i1 J8 e( c, C
var numLinks;
) ]4 U. f7 x. z, ^var rate;
' X+ v- q3 {  i1 _var numFadeLevels;7 N3 a6 a0 e9 t( B; M( k
var bgR;
- L7 Z9 c1 p( u. T# B8 b; gvar bgG;
, f* g; _2 o1 ^' L% E! ovar bgB;
5 {& V  E/ G7 R7 _) J2 v+ hvar currR;
4 ^: P3 w% e  P1 e* ~var currG;
: t5 E: S# q, q' D1 Vvar currB;
, {5 u, i" u* }* _5 Dvar count;
$ a# e, O& d1 J  [) y* Mvar fadeOut;. P, _0 R5 A1 V$ C5 F  ~$ U0 r6 A
var continuous;. R6 o% ]) M) L$ C+ A' W& T% i0 G
var newColour;
5 g* s1 n1 |# `8 U6 I$ Gvar tID;
. z- v- p/ W/ E  k7 E; }: [1 Ovar redInterval;
7 q( R0 @% T5 Dvar greenInterval;
, ~, @" s/ H3 J4 u* _var blueInterval;
: G0 Q* r4 j. n' `9 W% hfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)$ ]$ Z9 |1 w7 J" a  L
{5 X- D0 w2 f) f
        hoverColour = mouseOverColour;# U8 s) D  {+ C* h
        numLinks = numberOfLinks;- R. m& J! _7 I
        rate = 1;$ n. m7 h* I8 V/ q- q. \& q% c
        numFadeLevels = 30;, ~- l4 _% C. o4 N& C6 |
        function initArray(theArray, length, val)* x5 u8 d, a: j, i+ y( l
        {  O" Y' O* X% w3 T7 X; F
                for(i=0;i<length;i++)
2 d8 b: Y: ~/ O* ~" I                {7 V5 ]6 o2 {0 I% y. ]* H
                        theArray = val;
5 E6 F4 k+ Z+ w* ]6 H                }" U, j9 Q* {! a
        }
6 G1 ~, X, H, V; H7 q        bgR = '0000' + fadeOutColour.substring(1,3)5 @1 Y* e$ S. B; M& e# c
        bgG = '0000' + fadeOutColour.substring(3,5)( `. r7 I1 [" J- ^. ~! e- @- _4 k$ K
        bgB = '0000' + fadeOutColour.substring(5,7)
* ?7 B$ m+ R5 v; ~5 ^        currR = new Array(numLinks);
8 K3 u% W# T) s, v% Q% D6 D9 Q        currG = new Array(numLinks);; q- c+ u" b. ^
        currB = new Array(numLinks);' {0 @; T! e; s( J) P% i
        count = new Array(numLinks);& l' v% Z# w0 z* {% `
        fadeOut = new Array(numLinks);
2 n5 t! Y8 P  m7 y% j4 a        continuous = new Array(numLinks);" h5 h8 _# G' ]( M- z% r
        newColour = new Array(numLinks);  x2 [/ i4 W! r) Z+ l4 V# d6 `
        tID = new Array(numLinks);1 {% x3 w) y3 \% J: q
        redInterval = toDecimal(bgR) / numFadeLevels;, R+ r  }6 k5 ]
        greenInterval = toDecimal(bgG) / numFadeLevels;: `3 _& G+ `* X' D
        blueInterval = toDecimal(bgB) / numFadeLevels;4 J; |  o4 X* K" b8 p
        initArray(currR,numLinks,0);
3 Y: a5 J, n4 z2 ?5 k& M        initArray(currG,numLinks,0);+ @, p: w' ~& r, |! |- Q, W  |. G
        initArray(currB,numLinks,0);- x2 C  z% B8 e0 V2 q& Y+ I/ w
        initArray(count,numLinks,0);2 L, h9 X# E# Y2 @" K. U0 {
        initArray(fadeOut,numLinks,true);* E% N+ W" b& H+ @8 N+ d
        initArray(continuous,numLinks,true);4 Q- e+ a8 s9 s  `( ^
}       
) h. t- @6 `3 {, }* Q' zfunction startFade(id)
$ P4 p  q9 y1 Z1 j- t  o{
4 ?6 z2 e/ h( Z; R4 `5 X        if(fadeOut[id] == true)
& `; T: ?& n' y; T3 O        { /*move colour towards background colour (increment)*/
5 Q4 c) z, R* g3 |& R                currR[id] += redInterval;
* v% k- I2 ?, l8 b9 {2 O5 X1 b3 ~6 v                currG[id] += greenInterval;9 W) e, e* H, |5 Z7 a
                currB[id] += blueInterval;
1 d6 u6 [. y3 Z8 ?7 G2 @/ z                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);1 f% O, [% ?. y; W+ V- \# ~$ ^
                if(++count[id] == numFadeLevels)
5 q7 Q1 s  ~2 w$ L3 A! r                {1 ~# F0 ^+ n+ F: y6 w) ]$ ]
                        fadeOut[id] = false;
/ W) V. q1 I/ x6 g                }% k# Z3 c0 L9 w1 V3 t( D8 q
        }: x6 ~/ q. r/ a1 j8 y  G
        else) a9 g4 h- {+ u( M/ w
        {
# Q1 H3 F3 i. G8 N8 t5 M+ z                currR[id] -= redInterval;
' S8 e9 J- C. ~/ Y' @# k- U0 n; s* p4 o$ x1 [, ~! S
                currG[id] -= greenInterval;/ E5 p4 }6 Z! s! b' W; k* m" m
1 s4 F# \3 E+ e$ z; i  n
                currB[id] -= blueInterval;) B1 c/ _5 C1 p3 B
: T- _) A4 }1 T! z3 i+ A; p9 h9 O" @
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
$ A; g! _* K, `* n+ F# M, X) P
5 C! E8 O; c$ `( @" w                if(--count[id] == 0)" G8 a* d/ _# T$ ]: v& j0 _
' }7 C9 E( W; S; `9 [! `
                {
3 Z) p9 k; n5 l9 V
& G; {% u8 Z9 ~* Y% G! p                        fadeOut[id] = true;. g" w/ L; m: Y" _: _: L
! y; f5 a( _$ ?1 v% N7 g( Y5 U
                }& i3 `+ u  K/ g+ ]

7 x# z9 s  F. p9 D% J  U! N% i        }$ R1 q3 u/ U5 \" V
& p# t" j0 X6 l7 H) f: p
        if(continuous[id] == true)
  o. V, I) f- ]2 L- S4 M1 V9 f( k
- s, q1 K* t& N# @3 Z; R+ g7 {        {
4 y0 F/ S5 D5 H6 \- @
) g/ \" i4 O! E6 \                document.getElementById(id).style.color = newColour[id];                ' p& @& c; G9 E

% b+ S; Q/ X) s) k% j        }0 M  _8 X9 R7 W9 C0 q

) N& \2 K" ~' b- p; Q$ k        else
% d( T; ~6 j4 o" K, R7 l% m0 l6 y; T) f+ @  g. s
        {& x8 M! n& g' u9 [
0 _( ^1 w; O& i; T2 A. V
                document.getElementById(id).style.color = hoverColour;( ?2 o5 w& l! i' t( K

; e8 F; B, C9 Y& m  q3 ?4 [# F1 V: A6 F) S        }+ ^2 R2 O& x1 }3 \
0 W( M# ?8 M( e" U6 R
        clearTimeout(tID[id]);
) z6 z/ r3 M( j& {+ q5 s7 M* L2 z5 e. x' ^% V4 |
        tID[id]=setTimeout('startFade(' + id + ')', rate);/ h# w) l$ n* e' H) [; b

8 B: a. K9 H0 o( d, k" i) v& X  Q}
; K' v/ \4 r4 I" U1 Y1 ~* ^
4 H$ {' v! }4 S; k5 U+ I% Rfunction continueFade(id)7 F/ H# R: ?" Q. E3 T

; a& K1 t& _( W& f! z: P' c2 q/ V{+ E1 }# x' i- {- Q
& q; P0 c6 w( @* D  k
        continuous[id] = true;5 r7 Y5 _3 S0 U
4 V: ^7 t0 c/ R8 ?3 S
}5 i. x# D$ [/ f1 h, {& E+ q
9 p0 W/ u5 Q) F+ V0 f
function stopFade(id); y* {" G; g0 ^: G' U0 F6 P  }/ E
% P) Q" F5 o& w; m5 y
{
+ H5 ]# i- w3 l% [2 z4 p6 W* A
5 k4 W/ `  ~$ o" ?; P        continuous[id] = false;7 {  ~0 K& {" ?: H1 b+ S# r5 s1 Z6 u
  V- [  U, T& T# Y, _) ]2 s7 i
}8 O' A) P# Y8 a( e
- y- O. f3 v" {7 N" _
function StartTimers()
& O6 D- O+ d. x
( I) k+ w/ {6 y$ A$ D( @{        //set up an initial set of timers to start the shimmering effect9 I5 }5 r3 k/ a
# |. p& |: g& H8 i* p; o  X3 q
        for(id=0; id<numLinks; id++)
$ r0 z( i& @$ A/ J4 d5 H5 o
! [8 j& L8 T$ T" y4 k" R        {9 D* [5 y1 Y. k, `0 Q

3 `, T1 @2 V9 U! \8 r* h+ w& t                t=setTimeout('startFade(' + id + ')', id*100);
1 K/ A) b6 z* z9 e; y9 I0 T, l9 s9 a5 {& l8 h5 x
        }5 h4 \' L! l4 Y

/ G- Q# h' `& F5 ?$ T0 q& g}
" F; Z- b6 q) S' j5 ~, X+ Z: ?& Z, w' n# N3 u
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
4 F. ?8 g) g- g$ \( V: j9 f
, a8 A7 g. p6 e4 U1 g8 UinitLinks('#FF0000', 6, '#FFCC77');
) W/ R! ?$ C* P* i; A: B( V. s$ z0 F4 g, H
//-->) n( O9 z2 y' {& j& L( l

# F4 |) q# L% a7 i</script>0 F" ^/ j8 J5 v+ q" D
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元9 ^% N$ X1 u) u+ P& ?
</a>
: n: L6 C8 p% W, g- @! X! T<br>
5 {( S. ], x( f4 }" W: c<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
% l+ n( y% J; q+ z5 [<br>- g* o$ q) {) d1 T  ^1 F; Q
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>6 F: R2 t. h5 e
<br>        7 X( @  Y9 c* ~+ A. G
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
) f9 n! I: W+ D/ N! K7 ?<br>: C, X9 Z& ~% s
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a># j# O' }  Z: K( E  d
<br>5 L( c$ B, c5 `7 G" g, e0 @
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>, ]8 B1 O: ?& F) l
<script language="javascript" type="text/javascript">
( d5 r/ _. y9 _4 w, p<!--8 N. ?6 t) C5 k1 o9 M0 F, v; L, j
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
+ H. D5 Y* y& I& N4 o0 a//-->; l& }! _( d, k, f/ x- C# f& W
</script>