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

zw2004

<script language="javascript" type="text/javascript">( ]% P( G$ F! c
<!--7 ?+ P  `0 w: R
// convert a single digit (0 - 16) into hex
1 L6 V. C2 |  z, w% |1 z9 ufunction enHex(aDigit)
8 I% z6 I, P, S{
8 f' S8 n1 v; m9 u9 H    return("0123456789ABCDEF".substring(aDigit, aDigit+1)): i5 h: F' {) s5 P& F
}
, r, [4 X" }  f, O// convert a hex digit into decimal$ |3 f) A9 ?% t
function deHex(aDigit)
+ L4 ^2 Q; O* A; B4 k' A" K' E{
- _! k9 n4 J" v$ a' E) S    return("0123456789ABCDEF".indexOf(aDigit))
3 b' w- C5 \0 s}7 V) l5 T- k" Q; k! _( x" G- _0 J5 C

& e- f. ^! [7 A$ L& a# G5 p// Convert a 24bit number to hex
6 s: z2 {1 `7 P0 _& ufunction toHex(n)
5 Q( ~6 a$ {* J  l{
9 _- y1 h; J7 F  c% `- y    return (enHex((0xf00000 & n) >> 20) +
( C( ?4 e! u* W1 R. e7 \0 m' H' n            enHex((0x0f0000 & n) >> 16) +# \+ S1 \5 X! k* {
            enHex((0x00f000 & n) >> 12) +
% m; i$ z" e$ l/ a            enHex((0x000f00 & n) >>  8) +4 `; I" C% Y, x# [" L' ~
            enHex((0x0000f0 & n) >>  4) +
* z3 D, T9 l- c. N# e8 i3 `            enHex((0x00000f & n) >>  0))
9 {* j6 c6 Q/ T7 l) Y' }# {}6 n, n8 v4 a: D1 U* o
// Convert a six character hex to decimal
! L( q1 a0 z# j# y1 e2 l1 V' ]+ Vfunction toDecimal(hexNum)
+ j" |5 [( a7 M6 o; c{
0 A6 ?: n8 i% s8 ~           var tmp = ""+hexNum.toUpperCase()/ c; `  S3 U+ R& p
    while (tmp.length < 6) tmp = "0"+tmp' l; l1 }+ a5 z4 L2 \
           return ((deHex(tmp.substring(0,1)) << 20) +1 o) e: e6 O! J; J) r
                   (deHex(tmp.substring(1,2)) << 16) + 6 H$ {) p8 \. J, |
            (deHex(tmp.substring(2,3)) << 12) +, P* e1 m- }! @# Q, ^
            (deHex(tmp.substring(3,4)) << 8) +
& ^2 l3 g: o: W2 |            (deHex(tmp.substring(4,5)) << 4) +( Q( {* v3 [# b4 V
                   (deHex(tmp.substring(5,6))))
2 B/ p5 F" _9 k- j5 ^  r" \. `}
+ M! H/ w8 V# ?% H0 U///////////////////Shimmering Links/////////////////////" i* f; m$ j6 s2 F* X
//global variables
" B4 O8 A9 j" E5 C6 Z! D0 Y2 S, Bvar hoverColour
' A6 ]( d, B9 d/ `  [7 lvar numLinks;
0 K; u# l5 G) d2 K. V: K% P) X4 @var rate;+ e; |% U6 e6 Q% a2 }
var numFadeLevels;! y7 j" S2 G: u4 u* {
var bgR;
  @5 ^( d" N8 J# ^var bgG;
1 l: r2 D% F2 f' j5 e( H( P- N% Xvar bgB;
9 N9 g! j7 x6 B- Wvar currR;
* k7 w# T% r2 K9 Z( x, }: svar currG;
/ c5 X  r0 H: {& k% j: vvar currB;2 G+ y0 B9 s) Y, p( }
var count;' G1 W8 @5 ]! F9 x
var fadeOut;
& A; W" ~7 ?, F/ C1 O4 qvar continuous;
7 Q$ Y7 |+ c7 x: w/ l& z" n# Cvar newColour;
5 ?7 P0 b7 C9 d4 {% `var tID;
, N+ _# Z# x4 N$ ?7 N/ ?& ~3 tvar redInterval;; N( `4 g! f* x" U( Y* Y
var greenInterval;
: `5 N2 Z, w, b$ B6 F2 mvar blueInterval;: j! g( Q! p. U) V
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
- {& U9 N0 m0 w  P4 l{
  M) B8 N' E: j( I" _% P        hoverColour = mouseOverColour;
3 B- o, z  K$ d! f2 T* _        numLinks = numberOfLinks;$ M7 S8 g* [- E; @& S1 S& z5 s0 r
        rate = 1;
3 H5 T1 g6 H* ?        numFadeLevels = 30;+ G* h; \' k7 g- R$ [# T
        function initArray(theArray, length, val)
8 ?4 a: I2 Z$ ?        {
/ u+ q# L( E) O' u4 p7 d                for(i=0;i<length;i++)& S; H/ d" j" {. N# |' D# W
                {
. z9 y. u# q8 _* W! ?                        theArray = val;  n! y7 \. q3 \- }4 V8 U: w- K8 V
                }
9 K8 ?' j9 O3 m# }2 X! i) A        }
" c" W  Q2 T: D* \0 V. `& n  p        bgR = '0000' + fadeOutColour.substring(1,3)3 ?5 ?8 Y. }5 M
        bgG = '0000' + fadeOutColour.substring(3,5)
: R4 O; e3 u4 h' o: `1 }        bgB = '0000' + fadeOutColour.substring(5,7)$ x: ^0 K( B# W& Q
        currR = new Array(numLinks);
9 K- |3 v3 |! o        currG = new Array(numLinks);4 E5 n* a' ?8 n
        currB = new Array(numLinks);( S# o* ?4 i8 G+ f% @0 |- s
        count = new Array(numLinks);
$ n6 H& {& C1 j9 o; q        fadeOut = new Array(numLinks);5 t! m, X& C: d, j& _" Q# c/ ?( Z1 w
        continuous = new Array(numLinks);
4 v" }0 S, e; n: Y        newColour = new Array(numLinks);) d& r9 G# e9 E& @% y
        tID = new Array(numLinks);
; \6 n* }. Y0 a1 _! z        redInterval = toDecimal(bgR) / numFadeLevels;6 ?5 E8 R  j& w3 N+ X$ i
        greenInterval = toDecimal(bgG) / numFadeLevels;
- m  T0 ~2 i4 d        blueInterval = toDecimal(bgB) / numFadeLevels;
; i% c' x2 v4 _! N) U0 S" F        initArray(currR,numLinks,0);. S! y  A# K: L  w& ]8 J# C
        initArray(currG,numLinks,0);
% M  c, {. ]) C        initArray(currB,numLinks,0);2 l2 v3 F- V; t: ^# a" |
        initArray(count,numLinks,0);
0 L# `" m4 Y2 q2 ?6 S& [1 a4 a; w2 h        initArray(fadeOut,numLinks,true);
' ?  y! H; ?9 B        initArray(continuous,numLinks,true);
" S5 W$ b0 K1 Y: `( o}       
5 i6 z( ]8 ?) ]) l( Nfunction startFade(id)
' J# t7 i$ i0 Y# J% Z# T/ A+ q7 o{
; @, s8 W: b/ {6 C5 e- u6 i; d$ e: R        if(fadeOut[id] == true)7 z1 L" b% w5 b/ {( M7 r
        { /*move colour towards background colour (increment)*/# ]( d8 u# U: P- _3 O$ L* A
                currR[id] += redInterval;" D0 J6 K8 Y- r# y7 m. H
                currG[id] += greenInterval;: Z: M6 U" @# M' _  o) ~3 U' u
                currB[id] += blueInterval;
# `% [/ v- K' u7 u) f9 `: Q) v. N                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);  _6 J3 M0 n' t, }. p( p) K/ s
                if(++count[id] == numFadeLevels)! o1 m1 p# p7 s& J$ \6 Y3 b1 K7 [3 [
                {
+ m0 H( \. ^% Q' Z" [2 U7 ]8 d                        fadeOut[id] = false;8 J% S- G/ C" X* p0 J
                }! }9 f3 K9 p3 I' Z7 q
        }5 C' P1 f+ P# A0 O$ {
        else8 L* n- M* j& w# I: y+ j. V
        {0 y5 Y' J( D! g" C1 D' W" _9 C
                currR[id] -= redInterval;; Z! j+ P8 b* y( ~

: K1 s" |6 k0 k                currG[id] -= greenInterval;
! i" ?, r# y2 C" x
0 K; S' ^4 w- w0 {+ D: X                currB[id] -= blueInterval;
& b6 z) b7 }. Y+ Y6 |9 a, t0 X* ^& t0 d  f6 I
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);8 v3 w  U. ?0 ?& z" r, i9 C

! ^2 Y- R) M0 z/ \0 ?+ k2 ]' w; u6 ]                if(--count[id] == 0)& |( |+ r7 {3 ^! T  U
3 X! C0 o/ X+ [$ V
                {
) s- B" u6 H* P) ]1 h/ D( z$ i  f8 g) P, Q( v# A
                        fadeOut[id] = true;
+ X6 f5 x; a4 y- f2 W/ b' e
3 I$ U" U( R" ~4 w                }  v; R! z& u# g' j8 _! x  K" q

/ @/ U0 r; S% f5 p* U' y& _+ r        }
$ L' V# P( z/ G$ \3 z
& J: c; G' `) c( H) X, l        if(continuous[id] == true)3 z% L- O5 W' v6 P* {6 V6 A  j

. n4 L7 u' P* Z8 F        {+ }: z0 ]% l" [/ \

& J  j) V& L5 j/ b1 Q                document.getElementById(id).style.color = newColour[id];                8 y; i: ]9 P1 a4 ~7 ^; T( J
# \+ s! J! T2 b) _1 Q2 ?& u! X
        }
4 ]" O( h- o* p
0 W0 g+ j: G4 h4 y. w! X        else
  K/ |% e# n0 b2 f; S4 g
/ ^3 n% N4 b" {4 r0 d        {
  K7 W8 n3 L- e# j7 K6 m! e# t0 e' P( N- v: Y: _
                document.getElementById(id).style.color = hoverColour;
+ B. ]$ {7 `; u( J6 r" K6 b3 B/ E
        }
* @4 z; p% y* g7 q) |. Q0 Q- @7 K" t5 a
        clearTimeout(tID[id]);" ~3 `+ m+ k% l' w
1 P& t5 [+ x: r2 R$ T! Q8 S* g
        tID[id]=setTimeout('startFade(' + id + ')', rate);/ x2 D) b8 g3 Y* c$ m$ W* ~! B
5 G% ^$ n) s4 Z) n8 k8 B7 S
}; e5 ~7 E  g" b+ n+ p! K  c+ t

& ?7 j# {; [; x0 |# ~function continueFade(id)
* B- I/ N$ F/ W! Q. U$ T9 {# C" u* p: f& d
{
% T. X7 A/ c. D; ~2 y( c% \4 d1 q& B$ ?- x. t6 P% E7 k$ z
        continuous[id] = true;6 A/ p: ^' K" a: E5 _! i

% E4 V  U+ [6 u9 q! e9 F4 y8 q3 W  v}0 i5 `; Q+ I. r+ e. r! B
5 u7 j+ @& u$ E
function stopFade(id)% R0 S& a' c1 U9 H% j! `; R4 h
. U8 A' k# ]: D8 e5 o
{5 j+ q# i& T- M* `  ~* g2 H
6 B2 V/ ~6 d$ N$ {" r1 W" n
        continuous[id] = false;- x! E' A/ z" ^3 Q3 ~, I

, `% q4 w/ W8 o! N}! g, V# U& K. z" X# c$ u

$ j7 D* t) J7 Q  f: ~+ g* C8 X4 F% Mfunction StartTimers()3 R  p" H# C- r

& V0 E9 [0 r/ \9 j9 `8 |! |( L{        //set up an initial set of timers to start the shimmering effect
2 U9 q5 [0 Q) R) V! ?) n" y) m) j$ W0 g
        for(id=0; id<numLinks; id++)
' m$ n+ f0 F; j( r9 c2 x
, c6 P' y* d3 L        {
# ]# K8 q# \, w, A* K: f/ B( U/ F- d9 ^2 O; {- ]
                t=setTimeout('startFade(' + id + ')', id*100);
7 i, q( t1 h! A" B- u) C. W# b
* j! K- r& Y) l9 D! M        }, l" I- w1 n7 i

3 d, Q- A1 W: I& }0 S- s' `& g}" [* ?9 T+ L6 P% k- K& V

* q( _; n9 U2 S8 ]. K& I& s& ^//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour'), E# B9 l5 ^1 c) I9 c4 h' O2 s6 d$ I: ~
/ e# j4 B( U3 `- {: {. M  T$ }
initLinks('#FF0000', 6, '#FFCC77');2 _% x4 j+ \4 l' \

- w6 u7 L# Y& g. i  y//-->, b8 s. F7 u& E  v

) C* h) t- F# N7 i  Q% ]3 g" v</script>7 ^/ u$ w$ \/ p) Z" R2 }
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元2 `7 ~( U: w( s' A
</a>
4 F  S3 H3 E" F! Q<br>* c# _+ ?# ^8 J1 U6 Y
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
1 H' v$ e/ [1 {. \4 @; K<br>- Q9 s8 B$ ^" z3 b$ K' x* k) x$ @
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>! z4 ?3 x( @/ B2 ~  [
<br>       
- o8 A4 x# L! K<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>% ?8 Z1 A- C- S7 M, y  S! {% X7 g
<br>1 V0 n5 T' r  Q& b( M7 A6 x% L
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>7 ]$ |3 E% [/ N
<br>
, I4 c; E$ X9 O" r. s4 N<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>5 ~/ b4 }& x: ^; C0 \8 X" z
<script language="javascript" type="text/javascript">9 w- a/ ?7 |& Z& d* G3 s
<!--: Q+ M9 M2 y: e. V- V& F" u) j
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
; [- {8 n  l3 B' |  {# @* [//-->) F& Y( f: G& d; [" |
</script>