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

zw2004

<script language="javascript" type="text/javascript">+ b; P8 F) p. G* ?% _  o
<!--6 I! ?8 ]7 x7 P/ W  s. m
// convert a single digit (0 - 16) into hex4 }- ~  K, L3 N$ l6 ^
function enHex(aDigit)
% Z7 A( b3 J' t0 M  C{1 ]9 D. s9 O" C# q% G
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))* W) O7 K- a" Y% n
}4 S; ^7 p1 m  O4 y
// convert a hex digit into decimal6 N3 j0 u4 F% f/ u0 \
function deHex(aDigit)+ j9 }( ~6 C! U9 m
{! r3 N/ K; X0 B) _* o. J. V
    return("0123456789ABCDEF".indexOf(aDigit))! M* t1 k( @3 h" `' k! O
}
# r$ e1 B& s! i% K
( a6 B" B: a" j8 l+ T9 p// Convert a 24bit number to hex
0 t! S3 ?1 Z4 n8 M8 s" zfunction toHex(n)' Z) f( w! o$ |' v
{0 A4 T% u. h, @' h. h! K9 k
    return (enHex((0xf00000 & n) >> 20) +7 m$ y: }- A* P9 [7 _. e% g
            enHex((0x0f0000 & n) >> 16) +
8 g! Y4 D0 J  N, q. f! z            enHex((0x00f000 & n) >> 12) +
% d$ J: f. S" S7 J* U- w% o            enHex((0x000f00 & n) >>  8) +
# M  b$ u  [2 ~. Z/ N7 H+ P            enHex((0x0000f0 & n) >>  4) +
) _% X8 V1 {+ j9 |$ T9 i            enHex((0x00000f & n) >>  0))) C+ K" m( u$ A/ ]! O
}5 m' X5 |8 |. K+ _# \$ ^
// Convert a six character hex to decimal; ?$ o$ X7 ~# H3 E3 \# N  ^+ D% o
function toDecimal(hexNum)
4 s* w: P7 N* U' w5 X{
5 c, r" j9 R4 k8 h$ X9 S           var tmp = ""+hexNum.toUpperCase()  G) K3 t6 a/ R( h
    while (tmp.length < 6) tmp = "0"+tmp
" K8 C2 q% ?% `  p$ Y; A5 G! q$ m! w           return ((deHex(tmp.substring(0,1)) << 20) +
# n) r% {) w, L' z                   (deHex(tmp.substring(1,2)) << 16) +
6 ?" N; G3 g4 V9 m$ x            (deHex(tmp.substring(2,3)) << 12) +* [0 r( T- l: W5 J! T, d# M3 J! E
            (deHex(tmp.substring(3,4)) << 8) +
2 ]- |- K; t7 X& o6 ^& ^            (deHex(tmp.substring(4,5)) << 4) +, {3 M* f" Z% C8 g
                   (deHex(tmp.substring(5,6))))
$ G# N8 }. t/ m; i# W}
* a$ b7 [0 h# P' Y9 e% t///////////////////Shimmering Links/////////////////////; A' W* f6 ~4 |9 H
//global variables
0 ~5 n3 K+ w  n: nvar hoverColour. Y; B/ ]: d7 s/ t5 Y- c/ B' h
var numLinks;7 `2 Z; X! L5 G9 p& W9 e
var rate;
+ M' ^; N7 V( q$ B( _( c) Svar numFadeLevels;
# F2 O" z  L" b# J7 `/ D* y+ Yvar bgR;' r0 T" g/ U% p& J( I
var bgG;/ s0 y6 y7 _$ L
var bgB;
% Z  [6 \4 i' `( C5 Mvar currR;: j0 G6 v" M3 X7 A
var currG;, T6 l" d1 H! K/ ~% S
var currB;, Z9 ~. a' ]% Q  L" J9 o% |
var count;$ w% P: [3 l2 j, p8 X3 }
var fadeOut;
: z, O0 k" W4 u& Hvar continuous;
1 F( W# {* |; x+ ~! o; r; \( e7 A/ ]var newColour;( e& h9 {" r2 H
var tID;1 ]9 g' e: N. }
var redInterval;! m. {; W* H2 O! e- S2 W
var greenInterval;
2 B# K, L# F; Z, Y# mvar blueInterval;+ e6 ~7 S! r" ]+ N+ P
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)% }9 ?3 z: r- W9 \
{% Z- I, S0 F' L
        hoverColour = mouseOverColour;
* d1 M' L  c9 f% g5 I        numLinks = numberOfLinks;
$ W/ m9 H5 p* _8 C- N0 Q$ a        rate = 1;7 t/ u  Y1 O7 F9 e
        numFadeLevels = 30;
  k' d: A8 i$ y# g        function initArray(theArray, length, val), P4 f2 i# V  i/ D
        {7 z" G5 M, `, c) [. k
                for(i=0;i<length;i++)
9 M4 [  Q5 u4 B) s1 B4 X! Q2 V                {
8 \2 B1 W9 x- \                        theArray = val;2 F9 b  P8 u$ d9 h- x5 `& a; o! G
                }
& i* u$ k  u* s. y: G) z        }
# n; T- _* v/ g5 B, w        bgR = '0000' + fadeOutColour.substring(1,3)
, x+ _, x& [1 W# A  i# [        bgG = '0000' + fadeOutColour.substring(3,5)
- }$ z" I0 V4 E- |' n: q% J+ t        bgB = '0000' + fadeOutColour.substring(5,7)) V6 _" |* w7 ?. N* w, o7 F0 o
        currR = new Array(numLinks);# d: s" P+ x) N/ {, B
        currG = new Array(numLinks);# ?9 E% l; m9 N9 u
        currB = new Array(numLinks);. ~' U% T' C* ]0 T
        count = new Array(numLinks);
  j" X" n, z+ t' V: E        fadeOut = new Array(numLinks);, y+ v& U- b6 t$ i
        continuous = new Array(numLinks);
% p( r+ |; K" @8 T; _/ D! T        newColour = new Array(numLinks);
- N! Q& Y- h$ c; m9 v4 X        tID = new Array(numLinks);6 w1 O9 c0 {; Z% n4 `; |
        redInterval = toDecimal(bgR) / numFadeLevels;
  s; _! v: q) ]+ E( h! j0 Q        greenInterval = toDecimal(bgG) / numFadeLevels;) X' ^( r% y+ |
        blueInterval = toDecimal(bgB) / numFadeLevels;, l4 r9 [& T0 n, m# _6 E3 M
        initArray(currR,numLinks,0);
) K* d! ?0 Q2 u6 F5 `8 [        initArray(currG,numLinks,0);/ a0 h1 [9 n3 B, O) h8 p
        initArray(currB,numLinks,0);0 J! S4 X& a' T9 G1 }& W  w- D, R& H2 F
        initArray(count,numLinks,0);
7 x/ ?, V3 |' m        initArray(fadeOut,numLinks,true);/ x* r+ D' u2 h+ C. P
        initArray(continuous,numLinks,true);
: I7 X) r- c! z}       
6 W8 u& b3 v( q4 ]! k' Pfunction startFade(id)+ q( E" L. }) q$ O
{% A3 t. ^! w5 c* k. R
        if(fadeOut[id] == true)$ R5 H% [& o2 ~$ Y- }
        { /*move colour towards background colour (increment)*/% z. f% I+ L3 z7 v& z4 V
                currR[id] += redInterval;* U2 m5 N8 C6 J8 k
                currG[id] += greenInterval;- ^- B5 u3 }  r; [
                currB[id] += blueInterval;, p2 T. k+ H" @  s  _9 R2 n$ D
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);6 E# ?* c4 b6 M4 T% b
                if(++count[id] == numFadeLevels)5 q% A0 w( {$ W
                {
6 a) H' ^  K' e2 h9 A9 w  F+ z                        fadeOut[id] = false;
) U2 l* c1 b' E( c1 ]                }- c: S% ?5 X, v# v9 E# u; t
        }0 A' H8 t( y3 I2 ]/ y
        else/ W+ N- r1 {. [3 [
        {
0 V- X6 H; c9 r; z3 b                currR[id] -= redInterval;
0 b* U( V' s8 g8 L, q9 P- w
* H8 f# I3 r6 z7 e3 D$ O                currG[id] -= greenInterval;1 V8 s1 B/ u, L. w5 v% r

# Y* G% s% y: I                currB[id] -= blueInterval;' {3 r5 ^2 w# q. w( {3 R+ T  s

, z6 E) o$ s( o/ _                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);! s/ U/ M# W: M! {: |% Z

2 d% Q7 S8 J) r. e6 Y                if(--count[id] == 0)
7 ]: v; }' m  ~. Y% U, W/ N% Y
, n! S7 C- ^, Y1 x) \' V( [% c                {
* j5 T. c6 K4 ^  f- f3 p- Y% C( ?0 P% J/ _/ S# I; ]
                        fadeOut[id] = true;6 g8 W1 u" o0 J( h4 U: ~  _0 Z
1 B6 ~4 g0 r+ H
                }
8 I6 `* A0 v4 N! P6 I: _4 v1 W7 h2 l7 ~# u: e
        }
$ {+ q& ]! D7 g7 C4 Z8 Y% l( T9 g: r' O  t- c! E
        if(continuous[id] == true)8 m5 Q8 |/ [9 w/ W' a- K, q
: O3 b9 O9 \( |5 A8 M/ G/ ~8 ~( F
        {" g! m. \$ u' @

  c. p# t) q6 Q" F2 B* S* b                document.getElementById(id).style.color = newColour[id];                & B7 B# ?+ t; Z. L3 h
) e6 c- O/ c, i; [. ~8 [, w
        }
" d( i, H) Q; ^9 j  d; e  F3 H3 g# h7 t7 @2 d2 q  p
        else9 ]- p) F5 m- \" {. c* m

* c+ E) U$ l! q% u3 q; ^        {; R, `8 c' J2 k% v8 z
3 @) T$ x4 C3 G, C% s- M7 ^
                document.getElementById(id).style.color = hoverColour;5 i$ |% w0 h0 Y& I5 ^: S+ T) Y

# v- @! `* ?3 r0 h        }, J& G3 o: x5 V; i" B! U
" Y  ~; @/ y/ [: s+ a8 B4 I$ H' L
        clearTimeout(tID[id]);5 }5 x0 r) M  E, W
9 j+ i& ?; `& `3 m5 X( E% R! Y0 ~
        tID[id]=setTimeout('startFade(' + id + ')', rate);
1 T: x( Y  O4 E  l6 u7 N6 `; N. K# r* E! K/ f; R  E/ B# @% y- X
}
+ \; ?/ W( o6 _5 X0 r7 S) G
& K6 L) [% A' U1 Z; ?function continueFade(id)! v$ V$ u4 q) m/ N) A
$ c1 M, C' P& Z& n+ w7 h4 D0 G+ b
{( I5 _. @+ O) [
0 e" a+ g" G1 s& N1 k
        continuous[id] = true;
( g0 J. w& \# H2 f7 V$ \+ i) Z/ ^* b3 M" ~4 x' a
}/ [7 d  r2 I% R2 J: v; T; v- k
4 W" w* T5 w6 A* F1 n) @
function stopFade(id): r6 @- y0 V/ _' j
7 R5 x2 k5 Z6 j5 @0 l) v* @
{
' n! y( g! k5 v# t7 \( |( x9 G. r# ?2 Y! g1 z6 d
        continuous[id] = false;
$ ^7 S- f- d0 d& M" u" d" d5 F$ q, F8 B* G5 Q
}
" M4 A8 n  a% T0 P) U# a0 z: K5 n& [5 p' J4 @
function StartTimers()
# {: b+ Q: @8 J' j4 n
4 J# c0 m# F3 U5 v& @6 g( q+ O6 Q{        //set up an initial set of timers to start the shimmering effect9 ^; P2 D# Q0 q$ k& C" A
) Y# R# S9 N8 _$ q9 R
        for(id=0; id<numLinks; id++)! F' o$ \3 k+ C0 W" |1 c- c3 o

1 X$ P) M+ U+ y" X# y        {4 I. t  p. o( i& E, n
% u7 R. S" G! R  M9 ^
                t=setTimeout('startFade(' + id + ')', id*100);
5 x# o5 r+ K9 W+ z, K# i+ c8 i7 e3 A: P; N) s# w
        }, u; c' |/ ^# E) U* i/ B
6 F0 w" K- o/ f4 x* p8 Y$ ?; a3 l
}& G; f! u# |2 B: m. j( I

: @( k6 Q$ V: J; b//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
/ L: C! R! J+ h( }6 M5 f( G' U* e" E  v% y' `
initLinks('#FF0000', 6, '#FFCC77');! K/ k' B( Q3 G, L9 s2 I- A0 v) w

+ K$ q- R' T$ n# N' G7 y' \9 [' T//-->
6 d2 O: S0 H) o# f; K8 @% I1 P, u6 h0 J/ ^0 R& [/ `1 F7 ^. d: A( r
</script>$ c) P) F/ `* m; A4 C7 T$ I
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元8 `2 u  o( w- {& Y% _' e
</a>
7 K( c0 Z) [! A7 Z: }2 @<br>/ k1 }9 ^5 w7 F/ j
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
) J) S( ?- x( o! a6 e% [. X<br>
' X. f: n6 f' {6 j+ N+ Y. T! w<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>  x% X- i$ m2 U
<br>       
& [! T& j0 e" Z& V<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
1 |$ x9 I+ p; l  w<br>
- y) F+ S; }; i& [5 \<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
' ~+ c* S8 d+ ]% d<br>
' u  a  J' _# s( ~<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
- V& N% w* V3 m. l! l/ @' I3 Q<script language="javascript" type="text/javascript">: g' r( z% N. H9 ^
<!--1 [1 g2 Y5 n6 y4 w! P
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
' a9 q- a6 J' g( e//-->
3 G' ?6 `4 c2 k. L' z</script>