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

zw2004

<script language="javascript" type="text/javascript">
0 K3 ^+ P+ `. g* k4 N/ n8 @<!--! ~$ c! ~# f1 H- h" p
// convert a single digit (0 - 16) into hex
$ J" i4 R* X! {function enHex(aDigit)
* h; a1 g  `% Q) A* z7 D! Z{' y/ V! P) X- k4 i5 H4 r
    return("0123456789ABCDEF".substring(aDigit, aDigit+1)); F2 l. W; V9 o! M( H. Z
}! V/ d7 i- V4 x
// convert a hex digit into decimal
/ C* j% o) Y: d- Z: s9 E5 S6 ffunction deHex(aDigit)9 j" _; s# b0 |8 ^
{  f6 k2 I; w0 G, Z
    return("0123456789ABCDEF".indexOf(aDigit))) @0 W* {  u5 j# I5 A0 K
}
% c3 z3 f9 d6 p, q3 b2 b) G6 V  A0 j  |+ V% y" G% W" `7 \& [5 G
// Convert a 24bit number to hex
5 P* T5 I  I  S3 |7 ^6 qfunction toHex(n)
  w5 Q3 t; u! T9 x* w0 h- x& b{) D2 W# e8 i& a7 ~
    return (enHex((0xf00000 & n) >> 20) +
7 H  ]* _# v. h( H4 ?: l            enHex((0x0f0000 & n) >> 16) +7 d7 Y& _8 w" Z' i
            enHex((0x00f000 & n) >> 12) +- U( P) z7 ~# g3 i; O
            enHex((0x000f00 & n) >>  8) +
+ r: w; s! K  w& `            enHex((0x0000f0 & n) >>  4) +: h+ Z+ S! v  r
            enHex((0x00000f & n) >>  0))
6 C; d& C; t# b}
- P; _9 F3 ~' O. {0 Y! M// Convert a six character hex to decimal: u: @, t0 o5 A) }* d
function toDecimal(hexNum)7 x" Q& U. J5 M
{
6 S. ~& R( Z; s           var tmp = ""+hexNum.toUpperCase()
/ ~2 I2 ]) y5 k1 q! l' @    while (tmp.length < 6) tmp = "0"+tmp
, @  e8 P4 h/ m* i           return ((deHex(tmp.substring(0,1)) << 20) +% `/ h4 g' y. l, e
                   (deHex(tmp.substring(1,2)) << 16) + 6 k$ I$ J1 x8 r0 U0 @) c
            (deHex(tmp.substring(2,3)) << 12) +% ~! |9 b4 l; P( K2 M% x) J) J
            (deHex(tmp.substring(3,4)) << 8) +0 L+ G/ |1 u( m4 ^6 v3 a+ Y) J
            (deHex(tmp.substring(4,5)) << 4) +
& Q6 Y/ p$ Y5 D8 b                   (deHex(tmp.substring(5,6))))
# K0 j2 e5 ~! y; D6 M}# y+ K8 b: G7 j# |7 ^
///////////////////Shimmering Links/////////////////////
7 S/ ~. H3 Y& _6 p8 U! p, n//global variables
* X3 f! p. i2 ]9 Y, b" U/ U2 H2 Fvar hoverColour
& `5 z6 ?2 j) yvar numLinks;8 z; c# ?) i5 p  d
var rate;  B* n7 M( ~) F
var numFadeLevels;
% C+ I. J& o6 l+ b; Ivar bgR;
) F6 O9 v" r% g  vvar bgG;4 [6 j( C3 ]( l' w4 q0 m% v" e
var bgB;
! G8 C  V, L) H7 g: J8 P# Ivar currR;! F+ `$ T$ b$ [. P# V- N
var currG;/ c! K  K: H* i& `
var currB;
4 e7 M; q2 U; ]" zvar count;- @! e$ h* z# W) i
var fadeOut;
1 e3 j- p) b8 z3 Svar continuous;
/ J4 }( l3 U0 _7 X* E, @var newColour;
, X+ b: f7 A: k. H! M0 g* Dvar tID;: E! _7 H' ~. E5 G1 N1 F) j
var redInterval;! `$ b9 U$ ?, @! ]( L
var greenInterval;) i* z9 X# @1 I- }7 D1 E( Z
var blueInterval;6 n% _' D4 e5 ~4 R! c* r
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
( x/ G! Z% \3 q3 Y& P! |% K{3 o  Q7 V5 P3 p
        hoverColour = mouseOverColour;
1 P; _& l1 H' S  e        numLinks = numberOfLinks;
/ j) U4 q$ ^/ s+ X        rate = 1;
, y3 V$ Y4 v, m        numFadeLevels = 30;) z1 u: t1 x6 P$ y+ z& w# G. j
        function initArray(theArray, length, val)
- o% M+ K9 f% }- \6 D        {
4 M! @$ H4 V; A; U9 G5 V3 M                for(i=0;i<length;i++)
" I9 `$ ?/ w( f7 Q, r# ]5 I( k* m% |                {$ N! l9 T* G8 d( F$ v8 i+ M* s
                        theArray = val;
+ N5 M! w6 l% N$ Y6 ^                }
# h" y; `2 K( j" X        }# Q- V4 u4 b1 `! _# b  v
        bgR = '0000' + fadeOutColour.substring(1,3)3 h. X1 C5 P( W8 d- J% E# g: h  P' N
        bgG = '0000' + fadeOutColour.substring(3,5)% a; ?9 y6 x  m. s& h
        bgB = '0000' + fadeOutColour.substring(5,7)
1 {- {3 i% l% w2 k) v+ ^  o1 u3 \        currR = new Array(numLinks);
5 n; p7 y& X9 z$ |$ t6 ^        currG = new Array(numLinks);
* u) M9 ?" f! B% A        currB = new Array(numLinks);9 d0 A) o3 a4 Z, M2 y* `$ J
        count = new Array(numLinks);
3 ?9 D5 p+ P* \7 S4 }- z) ~        fadeOut = new Array(numLinks);2 u& q# X$ [. d( }  [* T$ w
        continuous = new Array(numLinks);
( ]& \8 ?5 }) L# W% G: C        newColour = new Array(numLinks);6 _) s$ e; C6 _/ l; Q0 X6 [4 O3 t
        tID = new Array(numLinks);+ ?$ f9 y" a8 P5 R
        redInterval = toDecimal(bgR) / numFadeLevels;, k2 `. ^( V) n. o$ [
        greenInterval = toDecimal(bgG) / numFadeLevels;
2 B' S. E% Z: `" u        blueInterval = toDecimal(bgB) / numFadeLevels;# j6 g2 {/ h7 F
        initArray(currR,numLinks,0);" H3 G* {+ y9 [9 J! s
        initArray(currG,numLinks,0);
3 L  @/ F, b2 G) x& I        initArray(currB,numLinks,0);5 y4 [& O! x5 [$ P$ s
        initArray(count,numLinks,0);6 }: l& W& g1 r% B" F# @' Q! k
        initArray(fadeOut,numLinks,true);# ^% p, _$ [0 {6 O2 V9 m4 L
        initArray(continuous,numLinks,true);9 i5 I7 S5 ^# w" y& {
}        4 f$ X' u. x. B8 C; G# C  j1 I
function startFade(id)8 \3 U5 j( l! ~0 h
{
) z. m1 U) U$ g        if(fadeOut[id] == true)7 g, G) Y4 U9 C) ~- W) {& V
        { /*move colour towards background colour (increment)*/6 D5 y( L- ?% D# c' z8 M
                currR[id] += redInterval;& m) X  K* j8 j! O( T9 G
                currG[id] += greenInterval;
4 B% j: H. v0 x2 `' l2 i9 m( W                currB[id] += blueInterval;) L) t3 n8 A! U  y5 A
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);) p4 N5 s/ o  E' P& X/ c
                if(++count[id] == numFadeLevels)- [( E5 k5 w; c
                {. _9 l  C% h$ _. o. L
                        fadeOut[id] = false;
' G% g' O7 T1 j8 W- \. ^                }6 a4 e3 K/ t" S" u1 I
        }+ N' N% d+ X" a  a( ?1 d4 V
        else
. O4 G' \0 K& a6 H; {7 O        {  d) n+ o+ v; @$ T
                currR[id] -= redInterval;
* l$ Y. H( ]4 [# H7 F3 ^& i- i4 ]( h) J; _0 ~5 B4 x* a9 \
                currG[id] -= greenInterval;6 p2 ~$ H) e7 S+ ^8 q  _. o

/ [% m1 f6 t0 A; c                currB[id] -= blueInterval;" X: S  ~7 Y" B- A# b( v

/ `- Q' h5 @! i' ~% e: b                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
0 s4 a5 M' U6 r1 n; G6 W/ [7 o+ Y2 B1 f' W5 u! O! A+ |- Y
                if(--count[id] == 0)
( u( R  y7 b9 _: c% j3 R. n5 W3 v# o
                {
% f9 R- i6 m2 l6 M* p$ F/ Y3 R( f7 ]% V2 N  P) b3 U7 C/ r* x
                        fadeOut[id] = true;
' B: T, m( Z+ B1 y5 Y, s8 s, [1 Y4 G( D0 E) f) W/ G
                }
" h8 ?. N4 v6 ~$ r, j3 d# q
  ?2 T& Z4 ?; S" M: A        }
6 {* O1 u& ]# N0 Q1 g' X( r  ^8 y2 r7 J3 ]1 Y
        if(continuous[id] == true)
2 Z# U* v# V" J' B
; K5 H7 j  o7 o+ z7 V9 D& Y3 [        {0 C+ C; K  L% v% [. {( b

# U1 H' F; j) C; y. S; l: |                document.getElementById(id).style.color = newColour[id];               
4 v) S7 l" w  Q
& M- T/ o& n# L' V! u        }
3 q/ a) c) l1 L3 p" q" e
& K! S$ r: c6 o: b% E% p2 b        else
- |9 G7 \( Q9 ]; t) x) [5 Z& f
/ A) r9 A# }; Y) V        {
, }! w* ]% b. t, M7 d: `0 u# B' V. o7 l( J8 `4 D6 d( \! J0 Z
                document.getElementById(id).style.color = hoverColour;
7 r+ n2 H4 S7 h; R/ b/ O
* ^6 _" L. S5 ]  P1 c. D% D        }: x% M3 S% U) B& N4 u: X  @* \

8 Z+ J6 {2 x3 N0 u! L5 e9 p5 M        clearTimeout(tID[id]);7 B9 v1 i/ h; c9 }% J+ i

" G$ {: N. u. X0 Z        tID[id]=setTimeout('startFade(' + id + ')', rate);: e/ P4 y) I6 D: Y% G8 f

+ g0 {; i( I4 h" i}
* _; l8 }) W1 F( X7 @
& h% s1 d" l2 ifunction continueFade(id)
/ ~4 O. f+ u2 q$ k* v+ K% s7 N) a- j5 Z
{
3 E# r6 e' I+ T3 c! t) E
+ h/ u4 b7 }0 A6 X2 S# m        continuous[id] = true;
2 ~5 j3 x7 o! a; J2 y9 ]* Y* D4 p- L( s$ ^
}9 H8 o7 _/ z4 r/ L& ]" ?7 V" \( F
. c! v+ ^# x. j5 j9 c+ n% U' m  K
function stopFade(id)+ u7 U2 c2 `; |( v: G; W' r

& \9 i9 R! s- G- d/ m7 j2 w{
" p3 M9 V; k4 ?1 Q3 x- R% N
# p- ?1 m' h1 f" I        continuous[id] = false;
" f, @* r) ^- x  I# H
- e% Y3 O2 u2 l}
4 C' g0 |0 Y4 y% ^8 T8 e$ V
' z2 A' D0 W- f+ ~" C2 Xfunction StartTimers()
/ B. q* p) T, N* w+ }( K/ Q
- [5 ^9 @3 E" E{        //set up an initial set of timers to start the shimmering effect
1 D; w( Y6 \0 `0 a% n- b: M4 L8 R+ K
        for(id=0; id<numLinks; id++)- i* u- ^! S; `4 F% z3 z

7 e' y1 U2 U: G        {
9 A, o9 P8 n9 e% e: z  E+ Q# j* _/ C8 A& i+ N3 q# `, M
                t=setTimeout('startFade(' + id + ')', id*100);
, {' l# Y( `+ g$ V: g# q+ z  b% J1 ]3 Y4 K
        }
8 r: `0 t9 n: W; R3 u: s: G
- U' L" O0 [# {5 M( M6 y}
, x. X' _1 X+ v2 Q# r5 O& G2 |/ d; G, M- Y9 J  @& C! _. \
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour'), i( x7 x' r; J
) @. }7 x. ~# G% R" z
initLinks('#FF0000', 6, '#FFCC77');. c- J0 U9 }2 Y5 k$ U* P

. f" j4 Z' Y( j+ Y8 R. d( r4 G//-->& i( k0 C' p* c, [) `: {( M9 \2 K# C
9 z3 e7 C! Y8 k5 \0 |+ s
</script>
, S+ e2 m/ [6 |<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
5 W; `) I7 o' R5 L: i</a>
* `" D/ b$ u& A/ A' K<br>' Z+ _7 j0 J  D7 X) q0 E3 K- E! S
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>+ V7 K- Z( _  ^: \3 w
<br>  L9 B" R: N' \! Q
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
' o5 w* r- h6 P6 g5 w5 d# f<br>        , q; ]' ^! y8 `0 j4 N* e
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>. W) \3 g& m9 \, S" U
<br>
( i( q3 S! z# Z* O+ G. P<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
. q; ~; N# t4 `" G8 l& a<br>
" y8 {+ I: B: T' a' Z; [<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
7 B( x5 L! k" \- H<script language="javascript" type="text/javascript">; b: V2 ~" K; Q4 W/ a1 N
<!--
, L5 g( a/ A5 a3 IsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering: ?3 ~( @7 `9 e- ^% G% @
//-->* a+ c- R5 B. v$ `$ A  p5 S
</script>