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

zw2004

<script language="javascript" type="text/javascript">
0 C( c1 D8 B& S- B; |<!--
' j0 W" ^5 S) x2 p2 m* h// convert a single digit (0 - 16) into hex
+ y: I2 u6 d5 l  qfunction enHex(aDigit)  [4 T% T$ ~# a0 U$ ~3 F9 O
{
! A0 L( ~' l: K7 q* _5 _    return("0123456789ABCDEF".substring(aDigit, aDigit+1))5 V& P) o  K9 l1 z. e9 y
}
$ p8 D6 v7 K! T6 y// convert a hex digit into decimal
2 M7 R+ @) @6 P5 h9 d" f9 [( P6 O" U7 }function deHex(aDigit)* `& W0 I  {# n1 ]8 v
{+ x5 ?7 |; Z  F3 \7 Y. j
    return("0123456789ABCDEF".indexOf(aDigit))2 C- U: f' [2 @  Z9 C$ j. d: A
}3 W. k9 S: l9 p9 h# o

$ a7 R0 u9 N2 w1 C* \& B4 x// Convert a 24bit number to hex
3 Y% E* X( H3 X- }- o" P4 N% Nfunction toHex(n)
) e# j  f' O% I/ E{
2 P" _* {3 O* V    return (enHex((0xf00000 & n) >> 20) +; c( ^8 K. }7 F3 l) v
            enHex((0x0f0000 & n) >> 16) +- f' Z1 ?# M9 d# [- V9 Y) q
            enHex((0x00f000 & n) >> 12) +
9 F' O: U- G  V7 d            enHex((0x000f00 & n) >>  8) +
& T! L. ^( x4 B! e            enHex((0x0000f0 & n) >>  4) +
, \, q; I0 f% q1 ]            enHex((0x00000f & n) >>  0))
9 G) S' n0 G& K$ g/ R& e}
* c0 W/ \6 s0 J// Convert a six character hex to decimal0 P3 G2 B) o4 `; X* U! k/ E  s
function toDecimal(hexNum)
# t8 i; x/ z. ^& `) z8 m% q{2 ~$ n( N$ x, S  B: W9 ~/ g
           var tmp = ""+hexNum.toUpperCase()6 \5 o2 Z! M$ [9 k8 G
    while (tmp.length < 6) tmp = "0"+tmp6 C3 |3 C0 }1 s5 T& u# w
           return ((deHex(tmp.substring(0,1)) << 20) +7 D' [$ m0 f& u4 z8 |+ m
                   (deHex(tmp.substring(1,2)) << 16) +
& L5 {; z, [! g$ Y* i6 j- N            (deHex(tmp.substring(2,3)) << 12) +* Z3 b2 n- c, l
            (deHex(tmp.substring(3,4)) << 8) +
  D  T/ Q7 [9 o7 p  _, ~            (deHex(tmp.substring(4,5)) << 4) +
2 q9 U. K6 S# v/ M: l$ d( z                   (deHex(tmp.substring(5,6))))
+ s9 w1 E5 n2 F6 i, V: x) D}
( e; D; ^) ]. k. s1 @///////////////////Shimmering Links/////////////////////' M  y3 z7 h3 B- C( J6 G1 N8 C
//global variables7 `9 l7 ?# t5 c
var hoverColour, T; K' C! n# f3 `# i
var numLinks;
5 k+ X0 V5 B; _8 c" L* _var rate;+ S" ?& k% M% K: B' i! P1 P
var numFadeLevels;
5 K" B7 F  |7 Q; Avar bgR;+ @2 [/ B1 L9 c) A! g' l0 ^. S; L( |" m
var bgG;
4 u" i( v) i% x( e2 i7 Svar bgB;0 c) P( I# A' b) e' k7 @
var currR;. I. o. F1 {6 K6 \' V
var currG;" |1 D& T3 F6 f) \. s% Q2 `4 b
var currB;/ i  F9 g) l0 D( i% D9 H3 X
var count;
. j; f# u" ~  |! t2 Evar fadeOut;
9 E6 h' k# ?5 _: d3 s2 fvar continuous;' ~7 b' H  G6 ^  y4 [4 G" e/ H' V
var newColour;
5 a8 C: G' H' M: B; n0 Kvar tID;
- M/ Y, `! W4 P9 t- u/ Xvar redInterval;
- n* H* f( z$ L5 H( s# Y  q/ Gvar greenInterval;: F% g  B- {) W
var blueInterval;2 q9 c% _- X: A, V0 X7 e
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)9 X/ T. t& i9 p; E# y3 m, a
{
9 i+ Z) c) k* J- A  j3 X        hoverColour = mouseOverColour;
# x5 _  A5 |7 G        numLinks = numberOfLinks;
4 m6 l) u6 t8 U- X" n8 d        rate = 1;' {2 v0 [+ I2 E$ y# }
        numFadeLevels = 30;
. q' Y8 K# x/ P  h( a        function initArray(theArray, length, val)% h1 T! Z2 v  s( b% ^: m$ A# N( E& i
        {- H7 q" s9 t5 c  I% T
                for(i=0;i<length;i++)
5 S" ]. f; m- C6 e3 g! M                {
9 q: _+ V8 s, ^6 E* Y1 k                        theArray = val;
8 ]; C6 e5 M9 q$ L1 U, N# b, b% v                }0 ?: _% M# V5 n1 `
        }0 _: d9 |' V  o( F( x, i' X( q
        bgR = '0000' + fadeOutColour.substring(1,3)* l/ `2 [9 |. B: m2 {
        bgG = '0000' + fadeOutColour.substring(3,5)
; K$ r; g3 X; o( ^: _        bgB = '0000' + fadeOutColour.substring(5,7)
7 w- E% q+ _! L' R        currR = new Array(numLinks);
/ X" C4 r& m5 U        currG = new Array(numLinks);) Y: B9 y: ^& ~! A5 q& Z
        currB = new Array(numLinks);
( V% B& X& n# h        count = new Array(numLinks);4 T% y; q6 u9 d1 N
        fadeOut = new Array(numLinks);
5 w; C6 R+ g' x# z! A: x( W        continuous = new Array(numLinks);* M- i7 ~# E; w& Y, ^) c
        newColour = new Array(numLinks);
/ o0 B. j5 V/ F8 |( ]* e3 B        tID = new Array(numLinks);
5 z* m. K1 ]: T( m        redInterval = toDecimal(bgR) / numFadeLevels;
0 b+ m' ?3 b$ G- B; A1 {1 ]6 q4 p        greenInterval = toDecimal(bgG) / numFadeLevels;
+ s* B5 G. O$ }3 S: k        blueInterval = toDecimal(bgB) / numFadeLevels;
( n# k: N9 m, u, o' g5 P        initArray(currR,numLinks,0);6 C, N1 z% t5 b
        initArray(currG,numLinks,0);, ?; S4 _( R, F7 R+ [; w
        initArray(currB,numLinks,0);  G; O! g/ L# ?: Q5 L7 p; M$ F
        initArray(count,numLinks,0);7 ~% x1 \7 `; E) @, ^
        initArray(fadeOut,numLinks,true);0 g% s4 ~( Y4 c) H. }0 |: m6 \2 D3 L. W( f* G
        initArray(continuous,numLinks,true);
7 }2 m, e4 c0 z# m4 w4 {}       
; T8 D9 ~1 O4 P& x* w) y; Afunction startFade(id)$ F/ @) D9 b% m9 Q8 I/ M7 n5 {
{
2 n( ]1 J: [- y; P! K  I        if(fadeOut[id] == true)
0 G3 [, }# A' k8 F& c4 m. [! K8 S        { /*move colour towards background colour (increment)*/
; S, }: a3 g- s9 B2 x$ u/ g                currR[id] += redInterval;1 c, q8 d$ v1 d! p
                currG[id] += greenInterval;- C/ H3 A0 _* L
                currB[id] += blueInterval;  \. l. D" p* s3 f8 Q' J
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
" b0 L( g9 W$ J: O) `9 ?                if(++count[id] == numFadeLevels)  h0 f, o# V5 \
                {( x2 r7 X% r% f' i) K
                        fadeOut[id] = false;( I! D% a) O( b1 U
                }
# D- W6 u* j1 T+ M" q5 r        }
" |; g" \, Q9 ~; n' d        else( E( ~3 k; I6 D
        {
, `$ H; c: H' Q- f( o  N. X                currR[id] -= redInterval;. c! U( \6 c, K# e7 y; G$ z$ b  j  C

6 `# r) O: s! i. \% U% l, k( J! l                currG[id] -= greenInterval;
6 _' |/ F* }: \3 p
5 H0 f! R" M3 d- ]1 @: L! t3 {                currB[id] -= blueInterval;, Q. ^0 [* a- E8 h

4 Z8 U; F$ m/ H                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);+ Q) ?' M( P$ X* U% `# O- e6 O1 ^

1 T  ~- \  L& X6 t" O; M& t                if(--count[id] == 0)
; c! N' _5 w5 G. Q# f
: U: ?4 g2 K) }) c6 y                {
8 S2 R4 h6 @, a4 ]7 b$ z3 v1 W* K- o2 E  w6 J! l1 y5 W
                        fadeOut[id] = true;- ]4 p) \/ _8 R0 D
; n4 O# e& f. o9 K  ?
                }
) e- g) i+ w5 w# U" l4 _
8 I4 Z* h5 s( Z7 g- j% F        }- S) }9 e: q* x2 X- o( l
* t1 [  E! D( J4 s' G- s
        if(continuous[id] == true)
) ?; G6 t$ @, `# V. G
- g4 d! ^  n* i9 j  i2 P0 V5 x! R        {8 U4 v% a+ P- P4 Q; S! s

* D1 _1 G2 K( s' u/ f% f$ z/ ~                document.getElementById(id).style.color = newColour[id];                # l9 }. Z9 h1 y. G

2 j! E1 k6 m0 G% T1 |        }
( j" g1 m$ U1 ]4 e  u$ x
3 Q" `# x2 n; Z! W+ N9 _' R5 I        else
, O. t* L2 {1 T! Z6 P
7 k& b1 P, w- V, p% c4 t) x8 M* d4 E! Z        {
0 X$ t9 [- |, c- b3 G, {. s$ N' @: k
) N) ^8 n1 s9 V8 a5 m) S                document.getElementById(id).style.color = hoverColour;
8 q3 G# ]  c, h
7 `4 V1 c3 ?; ~' `& y( f' p/ [$ Z9 Z        }7 j; c+ F5 W* `# F+ g1 C6 l( E% |% j

2 P& X5 n0 T/ G! b  A$ ~7 Y( z, W        clearTimeout(tID[id]);$ _& }4 B6 n5 e: C
" H9 f6 R' G) m5 x
        tID[id]=setTimeout('startFade(' + id + ')', rate);7 X& Z3 o- Z* d, d* `/ r0 i
0 J, o$ U2 y# t' e9 r+ Z$ s
}
* ^$ B! M5 o( c
* {% @* h3 T! T9 i+ Lfunction continueFade(id)0 D& U3 v. R0 [% T: o- f5 y

& q% S3 g  s: N7 E8 n{
$ {" \0 s4 A' t/ _. O# @
  \+ M- k0 O5 a! J# {        continuous[id] = true;
2 m7 u. w7 q- c! v+ p1 Z1 o6 J7 z/ Z1 q4 B
}
2 W# ^: p# M! y; t8 k3 t+ T; I/ m+ H1 \0 u3 ?% z
function stopFade(id)
4 L4 U, }% h" W' r$ M% i( k! p! L, P- T  n3 S) ]- U
{
) l/ }# h) R3 J; {+ F$ u7 H
6 [+ J/ W3 t4 O5 {/ ]+ U4 k        continuous[id] = false;6 u& t7 Y. x1 j0 Z

" G0 }4 r8 k0 J. K7 i- x8 n}
4 g7 A) U, r+ U$ ?4 ~0 q# {* d) _/ E" p9 `% J; t
function StartTimers()7 e" b$ O: w& |0 O
% t7 q: g0 k1 Z8 v. m) I
{        //set up an initial set of timers to start the shimmering effect& ~1 ~- g  B2 G: d. b" U$ N# L% l) c
+ I9 J% m( \; w6 S: C
        for(id=0; id<numLinks; id++)
9 M6 c5 Z6 G. `0 r( u: j, h& ?. ]# t2 c- ^$ K4 T, b+ o
        {
( O% d% t  Q7 k  S0 {3 \/ j& Y0 E) p( D) s3 X% I# O
                t=setTimeout('startFade(' + id + ')', id*100);
! T# q4 \5 J' }
" K/ t, B8 w, D3 l+ Q        }0 b; ]' ]+ j, x4 e- z) z: O

$ }! P, h% |# m! U/ H: t& R}
) O7 B! e# H, Q$ Q' t1 L
0 R# T& A+ l$ G3 e3 J//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')5 M; X9 O2 }4 D1 d: h
  ?  z: b0 W4 ]
initLinks('#FF0000', 6, '#FFCC77');" n2 T4 W) v( y1 W; c

- O3 |- D! N* o. U  G//-->
0 t2 F/ S! H& @( V6 J1 u+ n& Z2 y) i% i" y- W. d0 e& _/ J+ R( F2 G
</script>! H( F2 U2 \" E5 @8 H+ p
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
: u1 N0 J- g  |) h. w/ u* D( U( B</a>
$ a, S! v& o( `4 Q7 G<br>
- x' i& M! O2 S# j/ v! G5 j& i8 r/ c<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a># D" l# k& m& a& w6 q/ v# {
<br>
1 Q& ?# o- p* a/ P0 H4 h<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>7 i- j6 {. ?, u* f
<br>       
  u8 Q6 {4 Y6 D( O  I$ _1 r<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>( J( g6 T9 n$ I6 n( ?( J; e
<br>" X8 T9 _% P3 h7 l- i7 ^3 u; E
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>+ E1 ~( A" F) q0 r8 z5 h" ]5 S! ?
<br>& v- ^0 m8 v1 ]$ t+ v* ^* c; }
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
8 @3 \3 A! K# i( x+ q<script language="javascript" type="text/javascript">
2 d+ Y+ G7 S+ B$ e: E& b4 x5 }<!--
6 }& z1 e9 X  r6 @; {7 u+ u# ysetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering7 W) K8 f  x% b8 _" \0 P
//-->
2 V5 f6 F% w" L. [- h</script>