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

zw2004

<script language="javascript" type="text/javascript">
4 o* ?1 q( q8 v8 _# i/ G" m( v<!--
) @- v( X; J/ d+ _7 k// convert a single digit (0 - 16) into hex7 E" m3 [" U1 s6 L
function enHex(aDigit)
- z5 P. n3 V! g# j{
* B8 Z6 w' d% s% ?* y) P" i" K    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
3 O' H0 c* a2 U}
/ b0 H2 f! N' }# z0 L  ^// convert a hex digit into decimal
' k* q& k) I0 L. @function deHex(aDigit)
  u. n' k! h4 V2 H5 z{  T3 @5 z+ Y( b$ V0 h  a8 h2 ?
    return("0123456789ABCDEF".indexOf(aDigit))$ _: Q5 a% e2 n3 E+ q) C& G  J! ?- n
}
, ]1 U  n8 u: B3 n9 C
  \0 ?. K5 r  s4 u, p, @- u// Convert a 24bit number to hex( m: [( @2 f3 g3 ^- W9 i/ R
function toHex(n)
0 j0 s& H- Y! q( b+ o{
) m- B/ e7 G- O8 c; V2 I    return (enHex((0xf00000 & n) >> 20) +( i% M( ~! J& |* c8 _
            enHex((0x0f0000 & n) >> 16) +
/ I$ I3 x) T7 M4 W: p& w5 o, {            enHex((0x00f000 & n) >> 12) +
' G) U! H3 c3 l, W/ K6 ?            enHex((0x000f00 & n) >>  8) +7 [/ }/ J) o/ m1 A
            enHex((0x0000f0 & n) >>  4) +, H8 \; P. Z( _2 Q5 B; C
            enHex((0x00000f & n) >>  0))
+ _. W/ Z. j: m6 O" j& q}: l: m1 G# q3 D0 I- d9 S
// Convert a six character hex to decimal& g! l- N0 @, M& c8 h7 @, ^
function toDecimal(hexNum)) B4 I% f0 i8 v) q: ?- [' N. l
{
  ^1 q0 n. U  ^2 L           var tmp = ""+hexNum.toUpperCase()+ a! A: A4 D! ^" h2 @" _
    while (tmp.length < 6) tmp = "0"+tmp
9 J9 g& S5 E# a" C1 W/ w           return ((deHex(tmp.substring(0,1)) << 20) +
$ v2 F: n) X5 A                   (deHex(tmp.substring(1,2)) << 16) +
2 D' t5 Q# T% K5 s0 o; c            (deHex(tmp.substring(2,3)) << 12) +* o  v) A7 D, f, o
            (deHex(tmp.substring(3,4)) << 8) +# G3 Y9 ?7 b( I$ o" X$ b# g
            (deHex(tmp.substring(4,5)) << 4) +
! K2 ^- o9 y9 i) }                   (deHex(tmp.substring(5,6))))
5 Y/ c( L/ L9 r% z) R}$ ~# g8 [0 ~! p! F) X! y
///////////////////Shimmering Links/////////////////////
  r8 |0 k) y4 z. H, w  k- S//global variables4 ?8 T6 _, N# X. p
var hoverColour" H: \9 d  V3 \/ Y" y/ E
var numLinks;  K4 [" B5 o3 E) n! @
var rate;! O0 W! w1 R' B8 c5 z/ z) O7 {
var numFadeLevels;
+ V7 Q/ v0 J1 b% Z/ y; kvar bgR;
; U+ ~. Z8 ^% ^var bgG;
' q. X( X5 |7 o( I2 G! jvar bgB;
' |, n6 x6 P1 nvar currR;
8 B4 Q" N+ J6 _% q# t  p* q4 z9 Cvar currG;
9 r6 R5 R) Q: u3 y7 vvar currB;
4 V2 G$ B0 ~9 ], T2 w3 E( ~5 N9 ivar count;; H, i* H$ O) x  ^; ?
var fadeOut;
$ _( a9 v/ g# X0 k% ~7 [var continuous;
* a6 A! `6 z4 G4 i# nvar newColour;
: M# m* U( I/ ]& b) J1 Svar tID;
) i" C. D$ e1 B. e% I8 @var redInterval;
' l1 x8 @" x$ v' E" \" P& Zvar greenInterval;
* H0 ]* a. l5 Q( {, |var blueInterval;. n- e9 Z+ |/ D2 x6 a
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
3 s$ ], _7 t$ U: n{
& L& v6 C4 ?; L! g; _/ m        hoverColour = mouseOverColour;
8 ~% ?5 t3 a1 s: I- H" |1 K: p        numLinks = numberOfLinks;
$ f, o- u- L; W        rate = 1;
" G4 C; T& S- e5 m( X/ l        numFadeLevels = 30;" {- G( D1 [- g4 Y  p3 F
        function initArray(theArray, length, val)
, K" f8 z5 o! ^( h2 ^        {
& y4 B! e. d: F$ `, u                for(i=0;i<length;i++)
3 s, z  G' n/ j+ i: u9 g4 ^                {7 ^2 _) T/ v/ o+ x" d5 [
                        theArray = val;
- s$ f1 t: O8 A. N# W7 f; a                }) m1 A1 I" X: r) }& R
        }. D3 @( r0 r& W+ D; l) e
        bgR = '0000' + fadeOutColour.substring(1,3)
- c6 g4 h/ B) W( Z        bgG = '0000' + fadeOutColour.substring(3,5)7 i4 ^! f/ e1 ^' q( H; k2 c
        bgB = '0000' + fadeOutColour.substring(5,7)) U2 ^; Q8 t; |; ?5 r
        currR = new Array(numLinks);9 o0 _5 H$ F* _; Z0 b# E1 {, Y
        currG = new Array(numLinks);, w! K; Y! Q7 m* E  s% a! X
        currB = new Array(numLinks);
# M' f7 Q1 ]) j6 F; m) U; Y% A! P        count = new Array(numLinks);% A# v* a" a, t5 Y
        fadeOut = new Array(numLinks);
" t1 Z5 |9 ]; I; C, P9 ^        continuous = new Array(numLinks);
4 C0 r$ @9 e: U% W1 p        newColour = new Array(numLinks);/ E+ v2 p# T: g$ t, u+ p" N
        tID = new Array(numLinks);
% X  b" ?# r0 l! M        redInterval = toDecimal(bgR) / numFadeLevels;
3 k. Y2 `; s0 U9 R        greenInterval = toDecimal(bgG) / numFadeLevels;
# q5 u5 a& z$ L# [7 g/ W1 R        blueInterval = toDecimal(bgB) / numFadeLevels;" Y  ^4 n+ y: u! v, j8 j
        initArray(currR,numLinks,0);  t& h* I2 |' g/ `9 I
        initArray(currG,numLinks,0);
0 t3 l. E+ v3 {$ u        initArray(currB,numLinks,0);
! {) }. l, O- G4 j5 T        initArray(count,numLinks,0);
. p9 r7 t- j4 _: b! b* K        initArray(fadeOut,numLinks,true);: V7 S$ H9 S! ~* d9 \# _6 U9 _$ x
        initArray(continuous,numLinks,true);
% _; a+ ]; }; l; d. y) P" q}        + }& K* j0 T# z# p8 B
function startFade(id)) U3 l$ ?, k4 a1 w! X
{+ j* l  p  n1 H+ |$ B% Y
        if(fadeOut[id] == true)9 T% {% K$ \1 u
        { /*move colour towards background colour (increment)*/7 u; ?" u. x% u
                currR[id] += redInterval;
( f  j$ L7 B2 l% \& t                currG[id] += greenInterval;
0 u3 w' `' a3 A+ ]                currB[id] += blueInterval;
: s# \* j' D5 d9 ~& X( W' P. N                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);$ f; s1 I) p7 j1 Y4 ?. a
                if(++count[id] == numFadeLevels)( Q) b& x# B& A6 q4 }: J
                {+ L0 G) d% |( N0 G3 H
                        fadeOut[id] = false;7 L' S; a- }, d4 ^  E( @1 `
                }
. F6 x2 g+ I) u" Z        }
9 M2 c( I% @2 U( X        else
* q, g  |# P. B8 Y        {
7 z+ u) o3 y8 z% {: J6 U7 R                currR[id] -= redInterval;; W4 z* f( V2 {# s  I( g

( X. U; o; S2 X4 G* X% K                currG[id] -= greenInterval;
8 s; o8 [5 ]; n7 T/ j5 H5 a4 ]! L- O
                currB[id] -= blueInterval;
+ H5 B' {7 H9 z5 {, V8 W! b& W% E( f
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);: ^/ g; S7 i1 o3 N8 F! Y6 `

$ X! i1 w$ p: s4 N5 Z- [7 q: Y6 U                if(--count[id] == 0)! P3 `4 P1 }1 {6 g5 Z
2 @* R1 x6 D2 C0 v% o4 v+ N/ u
                {  q; T- y/ o  f" @2 Z5 u$ j
/ Q# n$ I9 r  g# X) W
                        fadeOut[id] = true;
5 e2 V7 X1 p8 v/ ?* h; L
6 g. e: ^; c4 ?                }, c+ {2 u% `/ C$ L

1 O0 m/ |4 O) j7 H9 |4 P/ b' T        }( B/ K$ m, f) ?  o5 l* g( {. n: O
! _3 E. V5 F( L; w2 Q9 ~
        if(continuous[id] == true)
2 O8 y9 |. s( i- B1 ~( `7 z0 z0 o4 S/ B% }' z2 t8 Y
        {
6 t7 f' f3 N3 {: T  F7 d- ~
8 C& A- A% W! I+ }                document.getElementById(id).style.color = newColour[id];               
; P) m. {( p) D
! a1 H8 P! h0 e! G$ u        }2 i, s; V7 _2 I' o1 t- P2 z

* I, n: z- H9 A- `* U- M8 F$ m) _        else6 H# Z) K. W0 W+ K  P

, t7 v% l9 ]. S& i3 f4 P( A        {
; h+ z! x5 J0 b4 W4 ]3 A" c) D9 n' ~) m: f# \9 L: a% A, Y5 b
                document.getElementById(id).style.color = hoverColour;3 u/ o* z' J, S: [
2 i2 V# p# Z+ N9 D& A0 k. u0 {
        }# y8 O- o! _+ J1 v$ f, ^3 ~: z

5 f  n7 e& {! E7 k) J        clearTimeout(tID[id]);3 r" f, u- [0 |4 b3 m; I

- Y' t9 \. Q1 B/ s        tID[id]=setTimeout('startFade(' + id + ')', rate);
3 S) ^7 W+ @) w3 p! i3 j9 R# W; P! I2 L0 n) p% Y: o
}" F* q7 x9 ?9 m( ~

0 B6 k* ?: x# [3 W* z/ kfunction continueFade(id)
) f5 g2 a0 H* c2 w, {
  ]9 `. E, Z/ b' ?( r1 Z{, x1 y# y+ s/ ?4 K; S. b$ H1 U" \
- K! T8 f, r* [4 Q2 \4 r
        continuous[id] = true;  O; ]* A9 `0 F2 }$ q$ @  s# H
& O/ K  X8 i3 \0 G1 t: C
}2 p. r7 K  X6 A5 n7 l; J
# g9 r/ o8 M( {( e/ l# V9 {5 i
function stopFade(id)( t7 H7 Z/ _+ h( K

: v: z  b( r5 V, X  U# ~6 c2 [" s{4 M+ Q" C; P& [6 O! B, ]3 {
) u4 v3 m2 F, ^! u6 ~0 c
        continuous[id] = false;
+ }1 S! v+ ?9 L& X% C/ a
6 z/ |$ @; d6 B& L( U8 Q2 m, E, A6 v}
" v; F8 ?" H- t/ V7 Z1 T  a. S: M
2 Y. _& g* n( }2 \" n, A; Dfunction StartTimers()
0 _" o4 a2 J: H, G. h1 f, \, g% F, z$ d/ Y
{        //set up an initial set of timers to start the shimmering effect' C9 N& a% c: v. z( |) D
9 ~" E* d& j  {& S9 s3 x# Y5 N
        for(id=0; id<numLinks; id++)
1 A0 _( `. z- r* m- b
2 i( u, u1 l) U" Z% \9 k        {
2 n% f; m3 B8 O* N
- F3 i6 L/ Z) a$ i6 F                t=setTimeout('startFade(' + id + ')', id*100);% Z% I/ X) a& i0 b; D' A; p' A+ \; _
6 W  a; K2 n+ ^- `6 I  m2 N+ Z
        }
- w/ K' I0 R& ]( _! F* w! k, A
  Q& X5 K  T0 D6 o' l/ J# R1 I}
9 r$ t) K4 }  G: p( S' Y/ K/ F, q6 R0 \6 l+ K# `
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')7 q- c5 i" `! |3 s2 Z" I

6 d  j  D, c! j+ I5 K0 CinitLinks('#FF0000', 6, '#FFCC77');& y; I! ]- z1 {# e; s3 W/ d

7 x) m, y4 o$ P+ T) w//-->7 }; i: g4 L8 S6 u: r' d8 R3 E

) Q, K$ y+ G7 v5 v0 i</script>9 I; I# V" ]$ C5 \. ]7 a
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
8 n0 O6 A% Z# }</a>: `2 h/ }6 G( w1 p: @/ j
<br>6 g* _2 x' A9 `1 e# l. z) u% _
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>& o" k& y0 Q# _2 ]* X% B# W3 E; ~
<br>
3 U. {" x/ [. H+ c* X7 g<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
/ b# V, R2 a) a: a6 `9 I<br>       
5 a! H: _4 P: W<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>6 e* w5 s5 L" t# p) G
<br>
* M+ p) ~; H+ r8 S. x<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>' W# @; O, C& E# d2 D; b6 N- |
<br>
8 F" Q- V7 s. ]5 |<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
. j' M, O1 d/ _1 s- N, W' v& d<script language="javascript" type="text/javascript">& o+ T! o. m! H8 y" H1 W
<!--9 P4 `# j; b. W* {3 B, {
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
+ T6 f, s' M  x. W2 u//-->- s% X* |5 m( F$ X3 B
</script>