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

zw2004

<script language="javascript" type="text/javascript">
5 c3 ~% F; T3 W! I! g& |3 ^  _& ?) ?8 z<!--
, I7 z9 d/ |7 m$ M1 T// convert a single digit (0 - 16) into hex
# @5 ]: v5 O% f* S" I, Dfunction enHex(aDigit)' f+ s5 H/ i* ]: z
{
' w$ C2 L* K6 s3 F    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
9 r/ B7 J1 M2 \}0 R/ l) u! Y4 ~7 c2 v  Z* c
// convert a hex digit into decimal
( H8 A$ y" F1 E( Cfunction deHex(aDigit)
  D4 \6 Q5 a; K{0 o# v6 j- {2 R& n
    return("0123456789ABCDEF".indexOf(aDigit))
, f1 R  L* v: L- y8 A}5 }) H) }. ~* D- @. s* V

4 B* D9 ?# X; e  A7 E// Convert a 24bit number to hex% ]* J* O" N6 k3 X
function toHex(n)% v& z. E) ?9 o7 ~( k
{
3 W8 X9 i; y: K    return (enHex((0xf00000 & n) >> 20) +
1 D% m! k- |6 u4 L2 ]8 |$ c4 a            enHex((0x0f0000 & n) >> 16) +
, G: p. H( y+ O            enHex((0x00f000 & n) >> 12) ++ c0 s) G& }. k; m
            enHex((0x000f00 & n) >>  8) +3 `/ C3 L+ @, O5 K" P+ z! S9 t! T
            enHex((0x0000f0 & n) >>  4) +
: [- i( `7 G. P! \1 n            enHex((0x00000f & n) >>  0))0 f7 E4 _( F/ f# T7 J7 I
}
* c5 c8 f) U" @& T( [// Convert a six character hex to decimal
. g2 W* w$ s0 Ofunction toDecimal(hexNum)" l" |; o* I; \; X; {* X  @
{
' H3 K" S, \2 i; p2 i4 U0 g; u           var tmp = ""+hexNum.toUpperCase()
3 G+ q" ^2 ?7 C& I+ O$ x# D    while (tmp.length < 6) tmp = "0"+tmp0 e0 I1 ^# U4 u) V. F2 a* _
           return ((deHex(tmp.substring(0,1)) << 20) +7 m2 [& c% G7 D2 Z" m
                   (deHex(tmp.substring(1,2)) << 16) + 5 ]# k- U* i3 x& V& J2 W, Y
            (deHex(tmp.substring(2,3)) << 12) +6 m. l  ~  @* x0 D
            (deHex(tmp.substring(3,4)) << 8) +. z0 {- _4 F, J9 n% p6 Q0 |. i
            (deHex(tmp.substring(4,5)) << 4) +  S% K# A' k; M. T' O" m; J
                   (deHex(tmp.substring(5,6))))
& a# r4 Z" }0 k4 c( x}
& l% |% w6 K  T///////////////////Shimmering Links/////////////////////$ c5 a: C( b4 G7 f3 P- A. R, p, a
//global variables7 I9 d( @: f% N8 q
var hoverColour
9 v' \7 p# p5 d9 c9 r! lvar numLinks;$ G" l; Z7 F/ h+ K2 u; I# q
var rate;
* p& b* }  @) u4 q/ D) J/ kvar numFadeLevels;0 S3 ]8 N9 p. o5 o+ P
var bgR;' U6 w/ Q5 \9 S' O. a; I) x
var bgG;
6 U: z" I3 i0 v9 zvar bgB;
, S; @* {- ~9 p" D# hvar currR;( E) ^2 b% b5 e2 V0 Q7 T7 e
var currG;2 @% K! c6 ^) y2 U! u) I" J
var currB;; J6 w! C9 Q, F" h
var count;
% m& |+ d& y/ U- J0 hvar fadeOut;
9 ^5 V7 q5 U9 e0 b* Hvar continuous;
0 C' Q7 S( f9 @5 S8 X% cvar newColour;1 k! M' ?' U$ n" X* a) x
var tID;
9 o( `0 @4 b% Dvar redInterval;" e2 ~1 V3 m! P
var greenInterval;
3 C1 ~* B& q& L: q" z8 dvar blueInterval;
6 N7 c: g- Y* P- Ffunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
5 m' D/ r9 Z/ }5 ^# U/ ^{6 `# W) H6 e, c; ~7 ^. t9 D
        hoverColour = mouseOverColour;9 _( h+ r- p* f& G' V4 h1 ?  Q
        numLinks = numberOfLinks;$ ^6 P! n8 v2 }) k: X. B6 a* f( r% s
        rate = 1;5 j4 j0 b. l; N, X0 ?7 H& L0 n
        numFadeLevels = 30;4 N- g$ q/ G* j/ o; n. |* w
        function initArray(theArray, length, val)
0 Z$ W. ^5 W; d7 K$ A) U        {
8 Y2 ]9 ^% v7 E9 \6 e4 ]/ ~9 \                for(i=0;i<length;i++)9 }$ w) w+ J6 c+ ?
                {, U2 r8 R4 a+ t! i  @
                        theArray = val;, @: t, D+ n4 p
                }: q' u* f( B& g+ I+ j
        }
! y+ Y* L0 F9 L& k; Y% _2 b        bgR = '0000' + fadeOutColour.substring(1,3)
5 B1 b# [0 r# E& f        bgG = '0000' + fadeOutColour.substring(3,5)( t: @& J1 T: t
        bgB = '0000' + fadeOutColour.substring(5,7)
& l6 n0 |* z: w( v        currR = new Array(numLinks);
/ [' i0 o! V2 b6 R        currG = new Array(numLinks);; s7 e4 r  v( s) i
        currB = new Array(numLinks);
6 O3 a5 C1 S9 X9 U! d        count = new Array(numLinks);! c: w& v$ c' V
        fadeOut = new Array(numLinks);! d* x& A. H7 X! `$ [# f; U
        continuous = new Array(numLinks);
) g0 v$ y1 \# g! B! E, _; l3 u        newColour = new Array(numLinks);' G5 R- p/ R: p7 B' k. ~2 E
        tID = new Array(numLinks);
3 c: |3 M2 L7 F5 a4 b        redInterval = toDecimal(bgR) / numFadeLevels;
% U1 Y8 n8 f) H0 {! O( n8 w        greenInterval = toDecimal(bgG) / numFadeLevels;
0 \: w9 m, i' t7 S$ a" p8 h        blueInterval = toDecimal(bgB) / numFadeLevels;
3 Y4 Y, i: G% B. C, O        initArray(currR,numLinks,0);3 G0 n. G  ]) k6 s& {. Q4 l) ]* ^$ h
        initArray(currG,numLinks,0);* J$ W) y: @4 D
        initArray(currB,numLinks,0);/ [; |' g) v$ ~5 S1 C
        initArray(count,numLinks,0);
: p' g. D& J# A: }        initArray(fadeOut,numLinks,true);" K0 W$ q6 H% A
        initArray(continuous,numLinks,true);
; D* j& ^- o, u}       
) X5 K* O9 f9 k1 ^" Ffunction startFade(id)1 @! o6 d; ?5 v3 h: E" e
{; K# c2 N7 ], N( ?+ P8 Q5 T
        if(fadeOut[id] == true)
1 Q5 I6 @. [3 a9 D3 Q5 K+ O        { /*move colour towards background colour (increment)*/) k9 J! h3 b+ K/ r2 L
                currR[id] += redInterval;
7 ^/ G& A( ~% ~+ N% K: y, }6 P                currG[id] += greenInterval;" }4 V7 K9 i4 Z- ^
                currB[id] += blueInterval;9 O8 H1 x1 W6 {( Z0 w; Z
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
! \7 Z( H3 j6 {: P- g7 u  e! i9 y                if(++count[id] == numFadeLevels)
$ i7 |9 o: w# o/ z1 x* A$ f                {9 L; l: F) r$ J
                        fadeOut[id] = false;
; v6 Q0 s! L# ]" w' D" j# \                }
1 w: }! L6 [/ N, g9 V$ v  v% U        }
, O- D9 F, A, I8 n9 w        else. i4 `  {/ X( F$ b: v7 r, ^
        {
  P( Y6 ~5 f; b7 `7 x5 Q% x' J; d: o                currR[id] -= redInterval;/ h. t  F+ Z( q8 n& B  ?

/ B( V4 B  {; c& ~/ V' G! n: a                currG[id] -= greenInterval;
2 P# }8 @( Q: |" ]+ t: ?9 }& C
2 x4 i  L* k- v  S                currB[id] -= blueInterval;) G+ X( x& N$ _8 D3 r0 D
+ I) t! D/ f& g2 c9 B' Y
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);! B( e0 A2 E; q. l/ r
! N( ]" ~. W) p; t
                if(--count[id] == 0)
" W' n" _6 C; h& v: B( E" F8 ~. a* O7 m2 {
                {
  k0 @1 ^3 }% K6 M! d& I8 j5 x+ w2 \4 N9 [& b  a
                        fadeOut[id] = true;+ T' L% k+ r7 e

* [! N, |, \# E- G& W0 `) n% `                }
3 P% L5 @7 ?9 V1 a9 S) m( ?3 K, g/ b  y3 V
        }
" t; M1 J* Y/ W  Y9 A# g( G) q
; d% G, D9 u2 D! L' g) Q        if(continuous[id] == true); [$ |! I0 U, i9 d' q% z' l

$ I  C1 s4 o) q$ S3 q+ t        {
2 `" D/ A+ f3 ~4 A8 r/ v& @( r
& C4 X7 x% P/ @$ X. x  `                document.getElementById(id).style.color = newColour[id];                : P! o3 M% w5 U& I  u- W8 a

* b4 S, Q5 ^9 V3 ^        }
3 x$ X0 s0 N% e! B( R7 P( T3 z
* ~7 D  Z0 f! `6 W$ B* c& U' a        else$ w& @( I/ F2 |2 `! O2 b3 `/ R' t
& F. {! B6 `2 z- X" M
        {9 x' K  t3 f/ D5 Z1 _1 m

9 f" p! Q# ]+ r0 \& R0 ?                document.getElementById(id).style.color = hoverColour;
# h6 k+ x' N. h# i4 h; x- t9 c; H4 n! _
( _& B* n/ \5 \2 T# [: {( c! k! P        }
2 R5 ?* M8 |- L* F8 X
; P& C( E7 t6 e* T( J7 h        clearTimeout(tID[id]);: f' i' H, t5 D3 t
' i/ I: y. m' N1 d, N
        tID[id]=setTimeout('startFade(' + id + ')', rate);$ Y2 I2 N: {+ N& L: n1 W+ w8 i+ M* _

6 m( U# G* A2 m}
" Q  c+ u' V) ?* G# N) T
2 @+ E# a+ r9 Qfunction continueFade(id)
( A5 r* V5 ]" m* N- Y, s' K0 x
: |7 H, {. h. u{
1 J! U5 n+ \6 N7 e! r$ P- B! S7 f' b
        continuous[id] = true;
& J3 j) K& n" r/ P- x" U. W; D
, Q/ q! Z4 }- d# _1 a. t& ^}
: `, C( k3 E' X& X1 z' l# _+ D  O# _7 P" H* \7 [- F$ |. F
function stopFade(id)5 L1 \9 [4 i& z  [2 S6 `, J
6 U9 H# j2 F. Q! z3 S. g; ~1 ?
{
* \0 {/ X5 U! J! u0 q% ~7 i" @
$ @& k5 ]% ?0 j+ @; g; L        continuous[id] = false;( Y4 ~4 O. x2 F2 b: J4 W

/ Q6 ~7 P' m5 n* P}
: \8 e7 V3 E# Y' d: N/ w7 p" _% U2 H6 D, x! s! c. U5 {( G
function StartTimers()
$ i* ^6 Q  \0 g; T" `; Q1 m6 k, I9 }0 Z+ s
{        //set up an initial set of timers to start the shimmering effect4 V8 r2 o, i/ Q& L! L& r5 k

- f8 j, u1 t) E. i  X: f        for(id=0; id<numLinks; id++); M. B2 C0 S1 E/ g

0 e/ s4 M. l( W% _        {
$ \4 G! e% D! U9 g6 k/ b# X; g. C# h' ^2 n' h: J$ d
                t=setTimeout('startFade(' + id + ')', id*100);
+ c- P) T9 w. q) ]* [2 T
6 b# {6 t* t: F$ Z        }( K( B8 Q7 o% J3 e  a
+ P; p: q9 H% v  z/ _1 R
}
' W# i2 W- K9 w6 n3 t! j0 A. ?" v1 V% s
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
, R3 T4 }: ]6 P/ _4 z6 D
  M+ I( l$ M/ S. c* z( ?" _initLinks('#FF0000', 6, '#FFCC77');
1 s% a: e; R/ L5 y; K4 z# t% `
' v/ y5 n( u* I0 Z1 ~//-->
/ ~9 Y* H1 O/ j3 u( x0 Z0 Q. a8 v6 ?) K
</script>6 U7 o4 I- i0 K1 g
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
" b/ l7 K+ `# z1 h3 A</a>
- P. J  t5 x& T6 R/ m/ ]& W<br>- Y$ n" K5 ~" o1 N5 a4 l1 G
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
. s$ J; s4 m# c5 T1 s<br>7 e/ ?! @! F# z/ ?: p  P
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
2 K& p$ g) L" ?( q+ U<br>        / w: g+ L2 T4 P/ p4 C# P
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>- h0 K' g. K5 ]8 w  K
<br>" v; \# [2 o) v7 C3 T! Z
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
5 Q. b% r& [$ U, p/ j$ ?<br>
# \; N: Z  `; L, n7 A<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
' \, M, [' m/ }& \8 R2 c' @0 s<script language="javascript" type="text/javascript">
0 T' G- p9 ?; Z$ ]: A- `<!--
' T1 V. Q5 N0 ^9 b: ^( nsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
2 C" D; U0 V+ ~& M//-->
/ n/ z- I: k0 x4 o/ ^</script>