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

zw2004

<script language="javascript" type="text/javascript">, n: ~: T3 ]  y  E
<!--
' I  v9 \* _) T/ j0 n7 r' k// convert a single digit (0 - 16) into hex6 D' u+ h- I/ V& @" z7 c
function enHex(aDigit)
& L! i( Y& q- D/ \) ?4 |{
2 c/ O* [; |0 V- N/ d9 M    return("0123456789ABCDEF".substring(aDigit, aDigit+1))( t" x- C6 t  Y1 N1 S! x* T6 s& s
}0 C, Y- |6 R7 o' b, V; q
// convert a hex digit into decimal3 x, N6 `6 K3 l- a& j
function deHex(aDigit)
) F# n) v' o8 g' k! t& i& \{3 H) S- K2 N+ I
    return("0123456789ABCDEF".indexOf(aDigit))! [, V! w2 r6 S2 J1 p6 ~& k2 _
}  m& X# F' V' s! i" ?7 v/ h

; R8 Z% d- ?% h// Convert a 24bit number to hex+ \  r. n' D6 R! j" J
function toHex(n)
3 s# M' g5 k, ]  H5 K{% o9 Y) K" X1 k8 o& D2 Q+ ?' j( f
    return (enHex((0xf00000 & n) >> 20) +
' R1 R, Z; g# y  g% L. x  A, D            enHex((0x0f0000 & n) >> 16) +& ^/ E" n/ ?8 W( A- I2 u& E9 |
            enHex((0x00f000 & n) >> 12) +) M4 W/ `% d+ R4 m5 U
            enHex((0x000f00 & n) >>  8) +6 F  U3 K% |$ A8 D3 W& u
            enHex((0x0000f0 & n) >>  4) +
0 D1 p* I% V# y$ X. q  X2 [7 r* u            enHex((0x00000f & n) >>  0))
1 \3 o3 h2 a0 Q6 d/ M7 a- ?}
/ M2 D1 j% }+ v% ^# Z// Convert a six character hex to decimal& j  M& d; X& }3 Y; Y
function toDecimal(hexNum); y1 F( U$ c: @" b
{
3 n: M' b  v5 ]: C* Y" V/ [" \           var tmp = ""+hexNum.toUpperCase()
. A9 D' M- Q6 p0 V5 ]7 m" Q. P    while (tmp.length < 6) tmp = "0"+tmp
5 _& {: j1 B+ ]1 Q           return ((deHex(tmp.substring(0,1)) << 20) +# J( h* G" O' z7 n9 y
                   (deHex(tmp.substring(1,2)) << 16) + 4 x; }2 D( X8 r( e) J
            (deHex(tmp.substring(2,3)) << 12) +  c- s7 B0 P3 |1 U- r1 G
            (deHex(tmp.substring(3,4)) << 8) +2 j* P7 f+ m# ]9 ?7 c( G3 c
            (deHex(tmp.substring(4,5)) << 4) +
: T9 h( s/ d2 A$ I; i7 W! {                   (deHex(tmp.substring(5,6)))); T0 K# F" ?2 S, L
}& U. [& C$ {3 Q1 S- o& u
///////////////////Shimmering Links/////////////////////
1 T  R: \- l' ?' a//global variables8 N4 c. D; \& k% q
var hoverColour
$ C2 {/ W! @% k; k) y, e3 T$ vvar numLinks;- U! ~% C. q. p* e) s
var rate;
4 l0 z* o' a, G, p9 N9 _var numFadeLevels;
8 W7 \/ e9 c3 I+ V: Kvar bgR;
, U+ u/ a0 l4 c/ E, F9 Dvar bgG;) D" }0 T% m7 l
var bgB;" y; R+ M/ M0 g/ `
var currR;* a2 h/ q" u" e* Z
var currG;5 @& R, h0 o6 X" r. {
var currB;
+ P. V5 w$ P$ g0 W! R# Fvar count;9 H( t7 m7 b) \" J: k
var fadeOut;, ?8 R( x3 d2 C7 y4 K8 t! A% A9 g& J
var continuous;
3 ?2 b- S; k+ j) M# a; F* pvar newColour;: M: k# O6 C% I
var tID;
4 w: E- h* q' ^# G( gvar redInterval;2 \& F9 z; H3 \- k7 U% \. h
var greenInterval;2 s  @0 U$ N& B* j0 T
var blueInterval;
; z4 K  x8 r$ ~7 l  J- i0 Efunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
) ^% I" Z' q: Z" B. N1 b- _) p{
  G; H. m7 q; w. S9 \        hoverColour = mouseOverColour;7 A, g- i7 b: K! O; v/ W6 g
        numLinks = numberOfLinks;! q% r& J0 p  l' W& ]9 |) l
        rate = 1;
' {. V8 W; d6 Z8 g  G; E        numFadeLevels = 30;5 K" j' C9 Q. }+ C1 G
        function initArray(theArray, length, val). b, a# Q, _5 I1 U5 E3 E
        {
0 D  {: K2 ]2 [; \: v  a                for(i=0;i<length;i++), k) m( ?. w# N6 D% I8 N
                {0 P. `' H4 ]# u5 M5 t1 W8 K/ |6 y
                        theArray = val;5 V$ }6 [: V, t* F3 g* |
                }7 f9 v6 @, p# x$ p" ]% [2 q- F
        }
# U( @0 `/ X* X9 ?# r        bgR = '0000' + fadeOutColour.substring(1,3)
9 E9 y" z- p% R. }. T        bgG = '0000' + fadeOutColour.substring(3,5)1 C) \1 t! H1 h+ V# X6 Z7 W
        bgB = '0000' + fadeOutColour.substring(5,7)4 Q1 }7 c) r" \! k& V; r
        currR = new Array(numLinks);
) n/ @/ C3 t" X1 m' h+ [0 f        currG = new Array(numLinks);8 _* b1 m0 W9 i
        currB = new Array(numLinks);  Q9 `. h$ E, g/ E8 X2 {
        count = new Array(numLinks);5 [' \' P( d: H
        fadeOut = new Array(numLinks);
% g3 A# d! \& }" l- Q& f+ L4 R/ R        continuous = new Array(numLinks);
( I% K) I. Z/ Z5 S        newColour = new Array(numLinks);: W1 K5 f2 V7 y( X% x
        tID = new Array(numLinks);" m& A  a* D" O8 m# C8 r- \
        redInterval = toDecimal(bgR) / numFadeLevels;$ o3 ?' n  i# x, e# H- i
        greenInterval = toDecimal(bgG) / numFadeLevels;* e2 [# ~3 o/ `7 |
        blueInterval = toDecimal(bgB) / numFadeLevels;/ P* z0 T& o7 X5 K% p9 H
        initArray(currR,numLinks,0);& P: e$ G4 n0 f& z6 V: J5 l( q
        initArray(currG,numLinks,0);
4 a- K$ @- R+ R        initArray(currB,numLinks,0);3 D+ H$ N% @% G4 o% D- K
        initArray(count,numLinks,0);6 \, f7 E, ]# L! _- t
        initArray(fadeOut,numLinks,true);
# A, O7 p% H6 S' n' l6 F& W        initArray(continuous,numLinks,true);5 B( H; N+ A7 k  @& P
}       
3 O0 I" q' ^+ F+ b& a- t$ x" e' zfunction startFade(id)  A$ s: H1 w9 {; C% }" g
{' A3 X$ R; ]5 {+ M2 {+ ~' C$ H
        if(fadeOut[id] == true)
  g5 @. y, ]" L        { /*move colour towards background colour (increment)*/* |0 G7 K$ k* r. ]. U* T5 k9 V
                currR[id] += redInterval;
* J* [3 d& q# `. M+ V                currG[id] += greenInterval;
4 l$ ]5 P: i1 F: X5 Q9 y                currB[id] += blueInterval;  z' U* I/ M- l/ e& u$ R' H
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
9 a6 Q8 [+ K, \. A3 J& ]                if(++count[id] == numFadeLevels)
1 b+ Q3 t# l/ k) C" O! K' L) d) j                {
" [3 I0 J0 g" J                        fadeOut[id] = false;- W/ j* ?% i( y5 d1 \% Z
                }
8 e. U/ \8 F- W8 L+ e  }        }
! P7 y8 a( y  B) O0 B1 _) a- w8 w        else
6 o+ M0 t0 L, P/ b        {4 p# M/ y- y% y% T9 |
                currR[id] -= redInterval;
7 q2 G6 J% Z, N% \% |  F5 n1 K8 I0 ]  O  e8 q- G
                currG[id] -= greenInterval;0 K1 C" i" C1 N
7 V$ d6 R, W8 \
                currB[id] -= blueInterval;
& w4 L' I/ _" b4 h( n+ |8 G- _
: E; z  b/ w, x8 B# s                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
% x; b8 n3 H$ _: `# I$ d  [' |# l  V
                if(--count[id] == 0)
' q9 [. N  V5 G/ B* }6 j; v, u7 n/ ^1 X0 m) @9 E6 K4 N
                {
+ q/ j$ ^9 t. G3 j3 x2 [( D
( n0 ?0 z: C: [: h6 Z4 l                        fadeOut[id] = true;
4 [6 l: C" B% }5 F$ W+ D3 F! ^  p
' m' x4 P/ M5 a4 `% u                }' {5 f3 ]2 F, R2 M/ h9 S6 {
" }  Z4 B- H! O, j( U. v
        }
# b: c/ t7 X2 H; I7 q
; S. N3 m0 y. X- W- t; ^* P        if(continuous[id] == true)2 N% m: ~$ f+ [4 q3 _" `
, w3 v2 O+ B! e. K% H9 Z! c
        {7 G9 l7 ~5 x$ j# p, u' r4 p

. I# ~! R! k* b5 Y7 |% r                document.getElementById(id).style.color = newColour[id];               
  {  m/ Z2 o( x4 @; r3 E& `
8 Y5 v9 r/ |- S& y        }
# _: q$ x" x5 X1 |  ^! F2 t
4 H) W( @/ J. F        else' Z8 V( o, G! a, L$ j! N8 R
; n- z- W1 w+ |% L( l4 R+ k) O
        {
3 a- C7 p" X6 i" c, _3 Q) w
: `3 Y% m2 Z. t( x+ V; }* I6 j                document.getElementById(id).style.color = hoverColour;7 b" q( E2 N5 W7 r
( x3 U! h9 r) x, [/ M
        }$ a1 {$ q% w, S/ [, k

/ g+ P/ s# n" c4 t        clearTimeout(tID[id]);
1 _  x$ T9 b# d& O3 B3 N# v# I
" M0 ?. [; `. f0 u$ s* m        tID[id]=setTimeout('startFade(' + id + ')', rate);, }$ _1 P  G/ B8 D% o4 v$ s! G
& C1 x! \1 o0 Q. }4 x4 `( M
}% b9 |& e; z4 |6 H2 h3 m( E/ J
' ~  P% C0 }! y, \
function continueFade(id)% c3 A( D9 z% D$ L

6 [* H" m) I, e# N{
2 ^; n2 K9 j9 q+ ^9 P2 p% Q5 S' z! X. k6 I/ q5 H+ X
        continuous[id] = true;8 c5 M5 ~9 z$ \1 v* G- ~: {# b  d( P

) v( ^, X3 H% U! x; j  `* ^0 L5 Z$ ~}* d  o6 ~6 o; P3 l( i3 a5 G
: U+ c3 `% k: \, s' O6 X
function stopFade(id)( }: p" U" n9 Q, S6 v

, S$ f' M9 I6 b+ P7 `6 A{
1 _/ w6 H. ~6 ]; q" X
( C0 i1 L( Z( t. `        continuous[id] = false;: J/ G4 j; Q1 @8 i
8 u) ^+ f4 N  Z* |" _# n# e
}
  W0 k; c9 b7 n  z4 E3 W  `( i7 X& d& t/ |$ ?; q; B* l
function StartTimers()
+ N) \$ C4 p+ d: p( P
, }4 s# h1 ~) G" r- d2 _: p{        //set up an initial set of timers to start the shimmering effect& c" J- z  Z! O% Z  d

- ^- k6 _8 u6 U8 c, x' q; x        for(id=0; id<numLinks; id++)* y" S4 G7 L( [' Y
( N& B  ?- D- O$ S% @7 l
        {
7 ^5 ~* \& n& s0 N" g) A# S5 l
4 m1 l/ u" M: @0 X                t=setTimeout('startFade(' + id + ')', id*100);( Q7 B9 K8 J8 `6 \
$ j6 p# H+ l2 l$ ^3 x0 _
        }5 \0 ?) X( i, t
, J7 U  f& Y% ^$ o
}
9 e/ G; \6 t6 A+ A) J/ Q# B( O" E( L6 Q% R
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
* x4 _: O; i" @5 @! D5 P. H8 W* k* W' }, S( Z3 ~
initLinks('#FF0000', 6, '#FFCC77');
& I- r3 D& [9 ?6 Q- D; q# X2 Q- [! j4 D# J: [6 v
//-->
" O9 E  X1 _1 n
% |7 \" M3 V$ \1 d) R</script>( I  v; V" i) a
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
* Q7 {0 v# x: O4 C% a</a>
3 a0 L( C$ R2 Z4 u( d- x! v  B<br>
6 V* a' e: l5 f# M+ f8 G<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
$ ]/ r$ k6 M) @& f. s& L<br>
9 {% W5 n% c7 G1 x( @<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>& g; C% N( K/ W" j) y
<br>       
& ]& X" s( f. E; }1 f6 c<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
/ x4 D7 C& s- Y9 l9 @: c<br>1 e9 f# F" u+ c' V
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>; z8 N( S0 e& Q: c" ^
<br>7 N1 C( S: c$ z6 S- }
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>2 K' |9 [8 x' D
<script language="javascript" type="text/javascript">
0 H, x3 S- l* ^- t  G<!--
+ h( }& @5 V" z/ v/ C; x! FsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
4 l( t: b; R/ C//-->
1 x& p; I2 E; B</script>