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

zw2004

<script language="javascript" type="text/javascript">  G5 V3 R4 [9 i& y% x8 v; N% L
<!--
) Z0 t% ?9 |  |8 w// convert a single digit (0 - 16) into hex
( P2 P8 Z. t1 I) Mfunction enHex(aDigit)7 z. _- I' I4 v6 x' W; R) V# B
{
) B0 A+ w* v8 {2 k5 t    return("0123456789ABCDEF".substring(aDigit, aDigit+1))  _, m+ |. s/ t4 I1 e- N
}& F8 d3 C9 v$ G" O/ Y- _5 f8 Z2 f: Z
// convert a hex digit into decimal: F" W; I" Z1 U0 A
function deHex(aDigit)
7 y1 ]& x+ A; {% C" S2 p' [3 j{
- a8 l' g$ S) V/ S1 F" g    return("0123456789ABCDEF".indexOf(aDigit)), R8 t" s/ @  f0 z" \8 @. l
}/ V* U$ i8 b" N
  N5 O" {( _: {/ M
// Convert a 24bit number to hex
; W0 l. T1 i7 k( ]% F8 G# p( l* bfunction toHex(n)4 D* Y$ w# b8 `) B
{7 N5 l$ b, g0 i
    return (enHex((0xf00000 & n) >> 20) +8 G( |: `! {% u1 x/ H0 \" g
            enHex((0x0f0000 & n) >> 16) +" F- j6 @' v. J- G6 e! }
            enHex((0x00f000 & n) >> 12) +8 p5 S* `" ^' S' G
            enHex((0x000f00 & n) >>  8) +. y$ z" T8 n- \+ h! u
            enHex((0x0000f0 & n) >>  4) +
2 x2 E- B+ j- ~8 a  p            enHex((0x00000f & n) >>  0))1 \$ I7 k5 v; j5 a5 n0 j! I
}8 y) S' W! @; e$ f1 A
// Convert a six character hex to decimal/ V/ i) u& r2 x$ T
function toDecimal(hexNum)
& D+ \* b2 h: S) t8 y& E{. A) X: P9 _- P% b8 W
           var tmp = ""+hexNum.toUpperCase()
, b* N# o- c1 y' x    while (tmp.length < 6) tmp = "0"+tmp* ^  h% f  s, e/ F7 V6 i
           return ((deHex(tmp.substring(0,1)) << 20) +
" m6 A" J! a. g1 P  n. k                   (deHex(tmp.substring(1,2)) << 16) + , K$ y( g( U! g( D) B0 a
            (deHex(tmp.substring(2,3)) << 12) +: P! x; m5 U- Y  x2 A
            (deHex(tmp.substring(3,4)) << 8) +, o* B3 ]2 C6 i; i
            (deHex(tmp.substring(4,5)) << 4) +
/ q8 b' x: G+ y/ Z# w                   (deHex(tmp.substring(5,6))))" b& e1 o& X3 |3 P* b2 Q
}
6 p# ^8 J* [' C* x& x///////////////////Shimmering Links/////////////////////
( k& S8 t$ w: D3 I9 |1 L, [//global variables
: K: Z8 p# I* hvar hoverColour; L  o; Y9 D- C5 K1 u1 _
var numLinks;
: n8 r7 m0 j  D9 [& u6 dvar rate;
3 H' a% o* @; n" X  uvar numFadeLevels;) ]6 O. r4 }  y0 A7 |% I
var bgR;
! x6 Y# }: N4 q+ kvar bgG;! o) G, S% X, H" V( q) z! G4 L
var bgB;
1 [0 p" A8 a8 |) @var currR;/ q2 m' @" b' I" V
var currG;
, j, L0 l' E; z' k" Z( f8 Pvar currB;# x1 C3 K/ X4 c* Q
var count;3 _- R" r% v7 U% |1 H
var fadeOut;, Z( d3 _! b1 g2 F4 m
var continuous;# G3 i. [$ n4 ~
var newColour;+ d; \3 d0 s& |8 ?" X
var tID;' A" ^% u8 K0 g9 L7 }/ E2 h1 G
var redInterval;
  W9 \* s& R# J* Fvar greenInterval;# Z! M  x0 f& v! v* C  ~* d
var blueInterval;
, u. m0 Z7 O4 p8 {# A: |function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
( {4 |5 y2 V2 y5 y/ A{
. g9 }3 L0 q5 E4 V5 A6 f# N+ i        hoverColour = mouseOverColour;
/ f  O( k6 ]% f7 a+ g0 V! ]- p        numLinks = numberOfLinks;) P) ?- Y9 S! ^% A! H  {$ U0 P
        rate = 1;0 ~* ?& B' a, Y' G; G
        numFadeLevels = 30;
1 b! U+ A/ _' d7 P5 _        function initArray(theArray, length, val)
8 V' W5 ]9 c7 W9 l7 W8 v  P        {
6 J6 d. R5 J( V) e. ^                for(i=0;i<length;i++)
! {+ a! y2 Q" N; G8 w4 Y                {6 O- f& @$ u' m- e. T7 _) N
                        theArray = val;4 i: D7 r% X3 v4 ?1 q* v8 |
                }  J0 G( G1 W. Q
        }
; @/ m1 ~, m" o/ H) K        bgR = '0000' + fadeOutColour.substring(1,3)
+ Z6 U3 a9 b! i6 `- g1 w* r        bgG = '0000' + fadeOutColour.substring(3,5)3 O& l5 w. O2 W1 ]+ R
        bgB = '0000' + fadeOutColour.substring(5,7)
6 I  \  p9 d& K$ D  F        currR = new Array(numLinks);
& c7 r/ l. C; ~5 a$ o1 `        currG = new Array(numLinks);
8 [2 e7 @- ]+ v8 n        currB = new Array(numLinks);
* S7 ^7 W- L4 I4 V! i4 X        count = new Array(numLinks);
- l% {* k( t6 n+ t; Y5 c* L8 g        fadeOut = new Array(numLinks);: U0 E( c  @  i& f; X/ B
        continuous = new Array(numLinks);
3 E, m; V7 H2 K6 w        newColour = new Array(numLinks);
. r7 \  W6 i2 T4 d: w5 @% j        tID = new Array(numLinks);
# S6 ^6 f5 o- f        redInterval = toDecimal(bgR) / numFadeLevels;
$ J/ `2 x/ l( g, z        greenInterval = toDecimal(bgG) / numFadeLevels;+ A' I* @2 H! O4 c4 I, {6 }
        blueInterval = toDecimal(bgB) / numFadeLevels;  ~7 ?  E/ y1 A. U
        initArray(currR,numLinks,0);0 W8 _# }& o' q: Q$ k
        initArray(currG,numLinks,0);
" w% ]! e8 `$ O! K' U6 z        initArray(currB,numLinks,0);
8 A' o0 V8 {' S& W' `! F        initArray(count,numLinks,0);
# ?7 d" V7 m. `4 m, S        initArray(fadeOut,numLinks,true);2 \' c! \5 j; x
        initArray(continuous,numLinks,true);9 E$ [+ k7 _$ x3 }0 O9 P
}       
4 R- |! Y& X: P  b$ L8 g$ @  ^function startFade(id)
: h) w, B" k$ ^# [# ]{. A( Q$ k5 w; A$ {2 ~4 ~
        if(fadeOut[id] == true)
) j6 k/ k% D$ b# ^        { /*move colour towards background colour (increment)*/
7 ^; B  f7 m/ i( I1 }$ S. Q0 T( H                currR[id] += redInterval;& e5 o6 R) `9 O8 R! N/ D8 o# W
                currG[id] += greenInterval;
7 v3 @! Y# P" c( I' K                currB[id] += blueInterval;, d- y& b6 f. E0 X: G2 ^
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
* X; W& W" {2 \8 ?0 Y2 _& f7 W# z7 ~9 L                if(++count[id] == numFadeLevels)
4 x+ ]' @  o$ T' `; m8 E- r4 y                {1 z* z; D  a0 o( |" [% s7 y
                        fadeOut[id] = false;2 k2 l5 a' m. P
                }2 @8 [; I5 U9 D" M
        }( D+ n8 @4 a! n4 g. u& |5 l
        else) X! a% ^9 Q  F7 l1 p2 o  s
        {
% P' N3 e+ K+ S6 [0 D5 q                currR[id] -= redInterval;
6 ?' B% U. f; ~9 L9 A) q+ k6 R: l* e$ g* V5 t: V
                currG[id] -= greenInterval;
% e8 q& J' f2 o2 s* p; N7 x
9 h. O! r. O$ L& Q7 d# j: u                currB[id] -= blueInterval;! w$ J* ~6 a0 i

! q; a- f2 t3 D7 k- ^# ^                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
! f2 U8 z4 }2 u5 R) r: m. w; p0 e0 X
                if(--count[id] == 0)
5 \8 M1 g! i9 a0 f
" d1 j' e6 Y7 I+ F0 R& ~                {
: C0 ]1 q8 h# A9 v8 H6 m& g
7 ~* g9 `) C- V9 v6 i0 p! G                        fadeOut[id] = true;1 W" t# p) ]) f
* q2 o) e' P8 s5 K1 E& y
                }8 e1 k7 U. ~! \* V/ \, w* T

( [0 e' @, u! S1 [! e" \* d        }
2 _/ K* `5 z7 d# u6 Q
' E% D9 ]8 |6 W) N6 z& P0 D" j        if(continuous[id] == true)
- |- E! M" b3 F! O0 w% O: H0 i& x9 t# s1 S- h0 E7 t
        {, N3 L0 j1 O' F8 r% r
" r" x( l1 s" O1 C  w8 D
                document.getElementById(id).style.color = newColour[id];                / G4 R, t" q  E. |- M3 l6 F

* {- N; a0 X2 T0 g5 d        }
3 p0 s  X4 D) m/ c" \/ z( a/ p" `6 S: n# n. V' R. Z
        else
+ h0 N. E7 m/ s9 r' B; \6 u4 y4 l: O
        {. A% ?! ]2 x/ T* T  J& U5 R
* `( a& W; j- n2 E) E! ?
                document.getElementById(id).style.color = hoverColour;: c' K, l  [2 S4 K7 u9 g
. K6 ?5 `$ L. b9 B0 B- _9 r! E4 K
        }, L* N! I3 _7 L9 e* p9 `  ]9 J

* n5 ]7 I' V4 M. h        clearTimeout(tID[id]);7 R& J# `' j/ j' h5 v9 R* G
/ e+ r# e- r! a( V# a$ W" a" K
        tID[id]=setTimeout('startFade(' + id + ')', rate);
. a: I7 |+ [. I
/ |$ X0 T9 l/ r! I# h! r* ^7 R}
+ H, i, `. x& m' `% y
8 P' `5 w/ [( V# V: l! d1 Cfunction continueFade(id)( e' Z- \/ C/ g; t& y- X; S7 W
: j& ~) R: M; F$ |
{
- p( e/ x3 b0 V5 [/ r( ?. O
( l2 {- c  p& F2 x: \$ H        continuous[id] = true;
! ?' u- [6 z- N, ]8 ^- o9 \
$ |2 I$ V- ?5 R- G! Y}/ n' u9 N" k; L2 T; G) U7 |4 Q
6 Y4 N7 s3 N* e
function stopFade(id)
0 g7 \1 U2 l# }# w' b( w# U
- E, b7 l0 Z% X) ^' j- ^{: p) Q5 W3 ~4 y" D: u

1 c3 P' X# f3 }/ ?- e. |        continuous[id] = false;
* f3 u+ m" n: P; t- e
6 O# P6 _  \' f6 X& A}0 d0 O  F. S9 m( {4 j' h
' P9 w6 P) C7 |0 y
function StartTimers()
$ }& l, {+ h$ k6 l: B$ W
- S+ F: a7 m4 x: q% U* t{        //set up an initial set of timers to start the shimmering effect8 A- N! A% e+ J0 }9 B

$ |- j9 k8 b; t) @+ d. ]        for(id=0; id<numLinks; id++)9 Z0 _; U" F& [. k' W5 k% O. m
% F& T3 ~! t4 L. ]  U  \! N$ J8 ^
        {: d4 m) `5 O0 U  i$ s) t3 h0 v

5 g$ }" w# z1 e3 _, i% I2 s- o* s6 k                t=setTimeout('startFade(' + id + ')', id*100);. d6 f) s$ m! R3 V2 W( `) p
; X7 T* H# @( _. L& \" V
        }
7 H! Q' I3 G5 r4 S" g" t  _8 `/ ?! Q( k6 O
}
: |2 j1 P2 q! t% t% a) R% A. x2 ?) J, d( i0 w  u/ z
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')! I% n* E7 ?* r+ L% s
! h  C1 Y  l* R, k( B. f
initLinks('#FF0000', 6, '#FFCC77');6 n" p% r; ]7 `0 X% t0 {! z; Y2 R3 `
, _+ u5 s$ ^' ]* R3 V3 X, s
//-->* d, S* c; E4 w

/ f/ a( V' G0 a" x. M# d6 L</script>) R5 X  a9 H% t# ~% g4 ]
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元" @* {2 D9 c6 p
</a>
' f6 {! K5 g' E, v8 e: }( g<br>
' b" W, b% h5 U$ H0 `<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>5 T5 o# M' [  u6 E
<br>
0 Q0 s: g" F% W  q' I<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>- I  X% C+ x$ G! g6 j
<br>       
  ?% z+ o# j/ Y4 f<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
& }% W. h, u& s0 [0 ?$ f& M# Q<br>4 {/ u2 \5 T% X: q3 {3 Z
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
' @# P  L; X5 ~' e, D; A1 E<br>
5 P" i8 f6 r2 E' m9 c<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
. M9 J: O* b, L<script language="javascript" type="text/javascript">5 z0 h$ f5 M. W- l2 {! }9 e
<!--
: K, d/ @9 y7 ?  H, J7 O/ lsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering7 `- t9 e+ Q9 ]* M# V2 y# G
//-->: X3 M4 R8 K# g* s$ c: y
</script>