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

zw2004

<script language="javascript" type="text/javascript">& @$ Y& b; ^; Q( R
<!--
1 l* J" R% c/ e5 i// convert a single digit (0 - 16) into hex! G5 S) g$ _+ J0 d/ p! n. u: a
function enHex(aDigit)  F3 m( p" h5 n: q" Q2 L
{
- `2 s- P$ P0 @    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
, R* K+ h1 w+ q: B}
" W% @5 ^% H  T( w// convert a hex digit into decimal
+ K( Q% [4 w( K8 f+ I2 yfunction deHex(aDigit)7 ^  ?0 ?% j3 X% N8 N# d" j
{
, T1 e2 q, o* q8 V  p    return("0123456789ABCDEF".indexOf(aDigit))
4 L4 m# z1 h% J}
- g9 V* _. q7 e% S3 {
5 N/ _+ j3 U3 M6 Q- `0 d7 ^+ c' k// Convert a 24bit number to hex- P' L! H) h$ G; Z, |& Q5 J4 P
function toHex(n)0 q4 {( j; Y6 ^, Z1 u
{
- s/ A( h' d" k  y7 \! T: P5 `8 H    return (enHex((0xf00000 & n) >> 20) +
+ ~& C/ ?1 x8 B8 H! u8 t$ a0 \            enHex((0x0f0000 & n) >> 16) +
- k$ ^4 v. s7 g& Q( t            enHex((0x00f000 & n) >> 12) +) P3 Y4 t* }+ P1 ~
            enHex((0x000f00 & n) >>  8) +
& u' l9 \! d: m5 K$ A0 n' {5 Y  \# }7 O            enHex((0x0000f0 & n) >>  4) +
+ r# ^3 ]0 A) }: a8 B            enHex((0x00000f & n) >>  0))
: m+ P  _( v* T; w% L}
) G5 B5 @+ o3 T7 a2 R2 t// Convert a six character hex to decimal
- ~+ @1 C6 v0 \5 N' h8 n" F4 x- c& O+ Jfunction toDecimal(hexNum)  ^9 Y' a3 w! _' @; ?7 K
{- |) B3 E4 B% ~0 r& Q+ K
           var tmp = ""+hexNum.toUpperCase()
) P* N( }8 ?- J+ [! J. h# U    while (tmp.length < 6) tmp = "0"+tmp
! `# T$ D9 K+ i0 k2 p; c( X" Z0 m% X' o           return ((deHex(tmp.substring(0,1)) << 20) +6 L( s; v2 ^9 l
                   (deHex(tmp.substring(1,2)) << 16) +
! {$ n+ j2 B" S            (deHex(tmp.substring(2,3)) << 12) +
2 r& I4 l; m) j1 Z            (deHex(tmp.substring(3,4)) << 8) +
; O! M# |2 K- v3 s) M            (deHex(tmp.substring(4,5)) << 4) +, `  N& {5 U# n% m: W9 a
                   (deHex(tmp.substring(5,6))))# @2 B4 Y# a; L2 [9 ?
}1 ]1 g9 d+ D, h- ?. Z4 E
///////////////////Shimmering Links/////////////////////3 [4 x, H9 s9 c- k
//global variables# w# \% i& ]/ o
var hoverColour
8 W; F) Y+ A& jvar numLinks;2 I2 h$ g& c* \; N) d
var rate;
$ _9 _2 S  ~6 ~4 T; C" x8 d0 @var numFadeLevels;
& m' U3 C; W7 z+ l) Z* zvar bgR;
1 ?: }$ `/ i3 H2 a3 V" s6 a; Rvar bgG;* |" x0 [  T* V- e
var bgB;
* r3 ?8 l8 S9 Q. dvar currR;
5 A! |/ k3 }/ v4 X) xvar currG;$ Q! \4 O4 O2 z" b
var currB;9 j! \9 [( u+ Z/ _, p
var count;: _( x% F" o9 Z5 d% t
var fadeOut;
% X, v: n+ q+ r6 pvar continuous;
# l! B+ o8 Z6 c2 Z+ r8 ]. |9 rvar newColour;
, Y0 p" l( j# s1 j2 [' Ovar tID;" i. b/ a. w5 {1 Q5 A6 ?4 L9 U3 a
var redInterval;
% w/ \3 O* h* x9 `' Cvar greenInterval;
- {7 a  w% O# F  c; ^var blueInterval;
" m; N5 L/ A8 X7 y) Lfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)0 Q  p1 M- a" `' Z5 U! x
{
) J/ \7 K1 @. g3 ~" @1 g' _! X        hoverColour = mouseOverColour;4 W7 S% K9 ?- t5 i
        numLinks = numberOfLinks;, m: E, k* P) F
        rate = 1;  d  K, A2 C5 w; V9 k$ ~# x* H
        numFadeLevels = 30;
, ]7 b7 y- e9 ?7 `        function initArray(theArray, length, val)" Z0 a6 Q5 _4 w4 U
        {
/ \, }& f% G  A7 H  ~                for(i=0;i<length;i++)
6 t0 Y. y! M4 O7 Y  X                {; W, O3 z0 T* n' v4 Z
                        theArray = val;( X$ y' b9 c: ~, Y! S
                }
0 C' Q3 u/ l/ O2 Y# ~* X! q        }! t: K' Y6 @8 R5 i# ?( l- ^4 P! S
        bgR = '0000' + fadeOutColour.substring(1,3)
6 Q' H' ~7 `# O! {+ G% b        bgG = '0000' + fadeOutColour.substring(3,5)
7 U2 k4 w" W% k5 I. i" S! Y- k+ I        bgB = '0000' + fadeOutColour.substring(5,7)
1 W& k7 {! w! O6 t        currR = new Array(numLinks);+ _2 b" X1 W7 U! [
        currG = new Array(numLinks);7 ~# c) Y/ C& Y
        currB = new Array(numLinks);/ W7 N3 p/ ~+ b  Q6 F+ f
        count = new Array(numLinks);
  Z) s1 [1 O, L, o& ]/ k" t' a        fadeOut = new Array(numLinks);3 b3 p5 z- w0 l9 g( T$ ]. D4 a
        continuous = new Array(numLinks);. Z) I2 s. h6 a, _1 }5 v# l. X) {2 X
        newColour = new Array(numLinks);  _$ i- |5 `9 p+ x
        tID = new Array(numLinks);
% [7 b6 x0 @  A7 }  L        redInterval = toDecimal(bgR) / numFadeLevels;
, m% s: h& ?  J7 |1 ?        greenInterval = toDecimal(bgG) / numFadeLevels;6 u0 _, ~7 N  |0 r7 \5 Q" S
        blueInterval = toDecimal(bgB) / numFadeLevels;, t* x$ ~9 y( M5 s3 N" y! T- a) I! `, b- G
        initArray(currR,numLinks,0);
# B( @3 \" y% y. d3 V  B        initArray(currG,numLinks,0);, x. t  h% h5 ?' Z
        initArray(currB,numLinks,0);
1 _) [' \! x6 h        initArray(count,numLinks,0);. a$ w. R4 I# i; D2 s2 v
        initArray(fadeOut,numLinks,true);
% T+ ^( j5 o  M        initArray(continuous,numLinks,true);
/ b8 O- v. K5 ^8 @0 [) i$ ~8 D+ W}       
' a3 \7 f! W7 K2 M0 h/ H6 n- P& Tfunction startFade(id)
1 k0 z/ U3 ^8 g  r0 F( S{
  C1 q& i" ~# [$ d        if(fadeOut[id] == true)9 {0 J: ?" z: \" u/ M% P& h  i  }
        { /*move colour towards background colour (increment)*/
4 `- N1 f* w7 N8 P- }8 r, U2 {                currR[id] += redInterval;
! n% L: e- l( X  x+ {5 l                currG[id] += greenInterval;7 v/ d8 T# m& f, \5 a
                currB[id] += blueInterval;0 ]) w* f3 X/ K  @5 [" O
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);& i; ~' L& r# X
                if(++count[id] == numFadeLevels)
! o- J+ N' O  ?                {
# f# f/ e) J( m7 X( l                        fadeOut[id] = false;% m1 Z/ `! Z3 d- P9 p! v
                }
; t' k/ u4 c, t2 z9 Z/ c8 Y+ h        }
) L/ Q" N9 q! P        else  g8 ^  E# z! w$ u0 B3 |7 H
        {* }0 j5 j  C; \
                currR[id] -= redInterval;
: ^% s8 {& R) S! |$ r
9 O2 g) p; {$ P6 E                currG[id] -= greenInterval;. M$ a3 `+ L6 j& T; X! n+ ]

3 r/ H( r5 q* G- ^6 F: v                currB[id] -= blueInterval;
4 @& M5 G8 ^6 O  u6 R
- K+ J% Q8 B6 {                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
8 K: C" L  |$ w/ i$ |& y! }& q( @7 k2 u+ S& C; h3 c: e$ k
                if(--count[id] == 0)
0 U5 C8 y7 \5 a& Z+ u
, A* x- v9 ]' t1 u, y                {# H! |$ S, T4 Z5 r4 n; s$ l$ y

0 N# {  K, e8 _8 |                        fadeOut[id] = true;
- ?5 p- V8 \% p1 X9 \+ U
; H4 ^9 z3 J0 f8 {+ e2 h% ]! t4 _                }
! T- u/ ?9 @6 z; n% d. O* e$ J5 _+ A2 X* f$ H
        }3 @$ n' P- Y7 F5 {% l
8 D5 W8 j4 K. E- D2 D3 E
        if(continuous[id] == true)
0 y! |: `( q' d( Q& m
; J- ]- y8 w7 I5 q        {2 f: j# v7 M  {0 b& O: y
  k  y6 ^  B. W; J( Q9 F
                document.getElementById(id).style.color = newColour[id];               
, I( {1 m6 P* n9 K) i2 @3 F6 G
! U" W; ?- j: U& \) }  ?8 I        }
( T+ N5 D/ h/ E+ z. u
, F9 ?- e+ }8 c# U/ [) x; C0 G2 F( B        else( P# R+ y2 y! ^. ^

! a  C4 g1 h* _( G$ z* ]  t        {
1 \! i( i1 }+ V6 L! L' ~# J4 w4 u* O3 M) S8 x  N4 j0 A' K* V0 c
                document.getElementById(id).style.color = hoverColour;* l% P! |; I5 T! H* Y+ a

) I7 n2 F& P- R2 B        }
- ~" a# c9 j8 s3 W" i' q8 }/ Z+ E* g  M, k
        clearTimeout(tID[id]);
" l  L7 L3 z8 N( q( O) N% ]2 ?- _  x
        tID[id]=setTimeout('startFade(' + id + ')', rate);
" a* e3 O; u  D9 q& `: i) C2 \% X, V7 H0 Q& L( B
}
& N2 ^6 ^" |8 x/ S. f+ W" I
* x  [! l) v* r. [function continueFade(id)
# {0 Y3 w# A7 z+ l: {
. ?! e' W, N; Z3 P5 q: B{$ P; z1 C& {4 M* u
1 P  K" t" }& V
        continuous[id] = true;. a: t' X' o9 I
7 B0 I: {" b) e5 P
}* V3 Y# W8 V1 |( G4 y

! S! x* W6 H" ?2 Bfunction stopFade(id)
4 [3 b6 [" F$ ~; g% w6 k' h2 U3 O3 I7 ^/ ?) o& o
{' v/ e; C9 h/ N/ p( |8 F
1 J8 j2 i( X1 j& j0 ^$ S9 _
        continuous[id] = false;2 [% T* F" h# m& `* q+ H

' Q( L' I$ x; t7 M3 _}
; i* p2 F9 l$ V' X; w/ }) W2 v- O# c9 V4 M5 B. j- A- p
function StartTimers()
5 s3 j* K* o$ V
$ u9 N7 K! z3 a- [9 C8 z2 f9 S# Q{        //set up an initial set of timers to start the shimmering effect
) W  B& c+ ]- F, L$ {' s$ L( H/ A9 T; y
        for(id=0; id<numLinks; id++)0 u3 f5 d1 h7 c: [! r2 E% L& |
" F2 r% n7 ]% k8 N5 f
        {! t. W0 \- d7 Y3 t/ n. [
. z* J' X# b6 v+ y& }& G
                t=setTimeout('startFade(' + id + ')', id*100);
5 N6 y) l& B0 k0 W
0 K4 `; e" c# Y: Q4 c        }2 q5 t5 @" s2 o4 g
8 H* O  k  y- W( I. J; ~: Z+ [
}
, G1 E- s1 j& J& m0 t9 w
5 b* x  l) ]7 P" L& ]9 R9 v9 ?//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
1 F: @# e$ x& \  l+ t
7 ?* ^2 f9 E; }. ?. sinitLinks('#FF0000', 6, '#FFCC77');2 b, ?$ p2 \/ Z9 U

. i2 Q  _4 Z* e: U//-->9 y' k- C$ L$ S  i( P3 p6 `
1 n2 |' E1 R+ m; t! E
</script>
/ Q7 x: Z* g9 \<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
3 }# W: @! _  K) s/ h: q/ C</a>* a; w# f$ W: h& M* x# B
<br>
5 [6 C6 N& {: @- @<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>9 T. n$ [/ A' A
<br>0 h0 o. l$ W% p( e
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>8 \6 U7 `" W5 I7 l, U. I; p
<br>       
8 K* ~/ _5 w  X<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>1 B- u( p# C7 V# Q) g3 [2 V
<br>
4 j2 S; z8 D& ]5 v4 o<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
+ U" D* D4 ?, u* H% ?2 F. W<br>0 q+ x7 U3 j* Y2 ?
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>; F7 g4 Y$ u9 ^  I  }9 m* v
<script language="javascript" type="text/javascript">
$ u0 y& o9 Z2 H, \3 [' r4 G<!--
: k! r: Q+ J5 ~0 u4 F. ?setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
  x5 }3 Y+ h: a9 d; D" S0 j//-->
4 @8 R" [  n" U5 U' t) |6 b! b</script>