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

zw2004

<script language="javascript" type="text/javascript">
4 Y9 ^; h2 d6 T" J0 ?! P5 T<!--
, l5 x, q. Y& n3 n/ p; E: S5 i// convert a single digit (0 - 16) into hex+ U- u- _. G& @9 g+ v: ]1 {
function enHex(aDigit)# E1 d# a( J& E9 U3 i1 B
{
4 z. \7 i! G5 j! ^# W    return("0123456789ABCDEF".substring(aDigit, aDigit+1))+ y9 z: c( u7 y0 U3 ^
}2 N2 Q. |% s7 s
// convert a hex digit into decimal
% Q: @% j' H6 A8 ifunction deHex(aDigit)
$ z( ^  Q, d6 Q, q7 a" \{
% I: c1 k$ [. E" t1 K6 E    return("0123456789ABCDEF".indexOf(aDigit))
; J7 U' T4 u' Y2 ?9 y}
# g9 v- t  J5 H8 d# s# S9 T0 k  n/ |, ?! x# R& z
// Convert a 24bit number to hex2 Q% A) [* W4 W
function toHex(n)
# \! r& K" f7 ~' d# X{7 u7 T0 r0 k. ?7 o2 o
    return (enHex((0xf00000 & n) >> 20) +
: A. s8 o8 ]5 F/ n: `            enHex((0x0f0000 & n) >> 16) +
% F8 D* Q2 _& `. e% a4 h            enHex((0x00f000 & n) >> 12) +
- R  e9 G6 J0 t! ]            enHex((0x000f00 & n) >>  8) +, P$ p  |& f3 l/ D1 H5 B7 C
            enHex((0x0000f0 & n) >>  4) +
% s8 H9 x: V/ T0 ^9 v            enHex((0x00000f & n) >>  0))- C& b0 Z2 {4 t& C# A1 H. b
}
6 |$ O$ O- z8 i2 p// Convert a six character hex to decimal
8 v: Z+ Z( D: Q' [8 ?: ^+ H, @function toDecimal(hexNum)
, r6 d. s9 o8 G1 G; [& v& j{/ m. [" M5 d% `- T9 Y
           var tmp = ""+hexNum.toUpperCase()
7 H, v2 \4 f- ]9 M" z- _    while (tmp.length < 6) tmp = "0"+tmp1 S" S/ \3 X' j5 k6 S
           return ((deHex(tmp.substring(0,1)) << 20) +" a1 s, q4 \% Y- I. k8 {1 |
                   (deHex(tmp.substring(1,2)) << 16) + ; P) J0 o1 u- d; z$ d$ s6 y
            (deHex(tmp.substring(2,3)) << 12) +
: _, s0 f- C8 w# e            (deHex(tmp.substring(3,4)) << 8) +" C) h$ K) S- o2 h& \7 U
            (deHex(tmp.substring(4,5)) << 4) +
+ _  b% W9 ]; ^1 j* L6 E: B# T                   (deHex(tmp.substring(5,6))))
+ d9 j. ^( p1 J  H6 i5 y# H3 S: a}
1 R' e" q% H! }* k6 @///////////////////Shimmering Links/////////////////////  Y5 Y( t- y0 F( H0 K
//global variables  E1 \9 p" l' Z( U- H+ m
var hoverColour
. U+ j; x* v- M2 z9 t8 S* Ovar numLinks;
% L$ Y7 `3 W( d1 w/ f/ |) svar rate;4 M' u+ f& h+ G4 w9 Y! s
var numFadeLevels;" w) _" b0 O7 z) w7 b- D6 p# f
var bgR;
( `- @9 ~) j% ]( I2 s  i9 z% @1 d, wvar bgG;# ?& z( i- z# w0 y1 L! {
var bgB;2 K, l$ x  M6 w8 a5 U
var currR;( [# m  I. R" j- c# C! x
var currG;
5 n! ^0 M. {$ Wvar currB;
" ?( A; v/ z. K+ A& `& C# }- Fvar count;
( S7 T0 k/ W4 y, ~; gvar fadeOut;
: z( s6 s7 \, ]5 s; f" V  {6 ]var continuous;
2 `1 ^8 }) f9 }- E/ Evar newColour;) f- g( v9 d) i9 \/ P
var tID;% ~, y& p! g1 M. j2 Y  H$ B. n; @
var redInterval;
$ m  n( E; B* Q& Z/ j: j* Nvar greenInterval;
8 k/ X  C1 K8 G0 t4 O- zvar blueInterval;) b! {, G/ u  ?% r' u
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
* t/ B7 }! o# S9 a* X. g{! t4 G( B4 a7 X2 ^# A
        hoverColour = mouseOverColour;
+ d6 |  v* R, g" C8 a% }/ ^  S4 U        numLinks = numberOfLinks;
! e7 x; X3 F) e; a; j6 v/ R" n        rate = 1;
. I# n3 @( K" x( e        numFadeLevels = 30;/ [/ p7 ~& a! P5 j+ n+ a  j5 {
        function initArray(theArray, length, val)3 I. A5 y3 R+ C5 ~! w- Y- ~
        {
& p  B* ~( o3 C/ ^- r                for(i=0;i<length;i++)
: N+ t5 a: p  h% T% G                {
) h$ r; \& y1 j  [                        theArray = val;% O' M7 m3 Z/ u5 o3 v
                }# v) H# p) r2 S' L8 k, ?
        }
8 N# l$ u# \+ w& ?4 ?+ F$ I, n        bgR = '0000' + fadeOutColour.substring(1,3)2 j$ j- r9 x6 }. h: L7 D5 t; M: ^8 K8 k
        bgG = '0000' + fadeOutColour.substring(3,5)0 d  y7 h( e. {1 Q1 W3 v" k
        bgB = '0000' + fadeOutColour.substring(5,7)
( {" }8 x1 B- S6 U1 c: s. t, D        currR = new Array(numLinks);
$ H5 O- \* `! D" }8 H# W        currG = new Array(numLinks);
# }8 U4 e. K: C) R. M+ O        currB = new Array(numLinks);
2 a2 ~+ q& X: o' z4 {        count = new Array(numLinks);
( X( M& K* e5 _! Z        fadeOut = new Array(numLinks);
  A# l- X0 R9 s& T        continuous = new Array(numLinks);8 D% I! f* c; X5 k# L' ~: T
        newColour = new Array(numLinks);
$ w: U+ D! t" {# P' L' z& l        tID = new Array(numLinks);
) m" Y$ N2 W$ e  `        redInterval = toDecimal(bgR) / numFadeLevels;0 Y- J2 D% A, ]# N2 u
        greenInterval = toDecimal(bgG) / numFadeLevels;( W. p/ l+ r& G  l6 {
        blueInterval = toDecimal(bgB) / numFadeLevels;* v& f. J# `* R  p
        initArray(currR,numLinks,0);4 Y3 G7 U0 R: V/ l0 T5 j( V8 w7 v' n
        initArray(currG,numLinks,0);
% M* a( C, d' n( z" z5 x" ^        initArray(currB,numLinks,0);
1 w0 v0 l* v& A: R        initArray(count,numLinks,0);$ ^/ J# i1 b. K+ v! b0 l( Z& }
        initArray(fadeOut,numLinks,true);
2 x) s3 T0 u* {# w0 v1 I        initArray(continuous,numLinks,true);
) K% U3 Q3 X  X+ z% o% L1 K. y}        0 X% F9 o, Y  n$ O6 }% D
function startFade(id)* e$ G% _9 u3 m) c4 ~$ I$ a( j" l2 e
{
# O0 y0 Z( M* Q0 A+ p. x6 W        if(fadeOut[id] == true)# K6 H/ }7 M/ C9 j- z* e
        { /*move colour towards background colour (increment)*/0 c& D) q$ P4 T4 [
                currR[id] += redInterval;- q4 b; K6 x* \( q; S3 g: E
                currG[id] += greenInterval;
3 M" T0 ^% N4 U) [4 W                currB[id] += blueInterval;+ l1 d& l3 U1 g0 _. X% |- e
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
$ I; V4 A4 J9 d                if(++count[id] == numFadeLevels)
; V' j/ h  `2 ^% `" n/ j2 y                {% m7 K. x% a* Y9 p1 s+ S
                        fadeOut[id] = false;3 Z! }5 Y* U2 `4 E
                }4 q" l! o+ j7 P* W3 a! h
        }" s1 g8 v5 K* _0 u& b8 _" m) R: A
        else
; N. n4 c5 t' C' _; |" E! @1 ]0 J9 F4 @        {
. ]& q) j& V' V0 w% H8 g; O                currR[id] -= redInterval;
, c, q6 Q' D$ g' m* u/ K2 T
6 W6 ^6 D( C. U) f2 B% R1 h                currG[id] -= greenInterval;$ K2 S$ S, m& `, u& n+ y" {

% E8 m. x  Q  ~: L$ X- a                currB[id] -= blueInterval;
* y9 D" H1 ^- i& I4 V8 s! [# }! w; U' F6 F- U
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);1 {; x& M6 T1 e, t7 B

2 w+ a3 Y9 o, G" C                if(--count[id] == 0)
$ {' y& B3 E  i" B* T+ R- j: t$ Q5 S  J# x& E: u/ b
                {
. A! I& m! t4 S
. K! b  ?' F( V" l5 V3 Q                        fadeOut[id] = true;
* j0 x' H. _( J) h  R- J. q5 k% _& c) s
                }
7 [1 E2 b, E+ R4 ~8 Q
9 R* {# h% Q) u& A6 [6 Y        }
* M5 c7 z# L* Y% w4 ~. m
* J% M0 P0 H( V        if(continuous[id] == true)
: J; q/ c  s5 N/ J' Y7 L( [  }* r( l. U7 ~& ~4 K
        {1 O& S. ]7 R4 u- |7 e
4 n- @5 K1 }9 n6 I" X3 Z
                document.getElementById(id).style.color = newColour[id];               
0 r0 Z: O& [7 H7 B- t
3 z. \' X# Y6 d( c: j+ F( j( X+ g        }
( G3 U2 X2 K, q+ Y  e2 s. h7 G1 \6 E! Y" E
        else# c4 M4 }8 |5 \4 D( }! s* J* y9 R

8 u& T& D1 \& ?0 u- v        {5 G! K" [: _' ^7 J

* Z: X1 e- r) ~                document.getElementById(id).style.color = hoverColour;- n# r9 A6 H: N

) E, D  F, m! y! d( M% ^        }
" f' V  c$ U5 y+ p4 }" p& F
, q7 y$ i  Z! f& _& C$ ]7 [        clearTimeout(tID[id]);
# W6 q/ H9 S9 j' y+ D5 V5 G' T& q# O5 o% h; ]6 ~
        tID[id]=setTimeout('startFade(' + id + ')', rate);  B- b$ f# q/ j' \3 N3 ^7 l
) V. N, ?( ^2 v' H3 ]
}7 ?$ I) i4 p" q$ i4 H
! `+ |# ^& X9 @: u/ V& l& f- c
function continueFade(id)
! q: }; i' b5 _/ S, I6 l# i! s
3 E  F! N  l2 [; t& K( f9 s1 `{( I0 ^% o, t; V5 C: m( l% @
- P1 z4 x9 \/ V$ A+ G9 N/ H
        continuous[id] = true;3 D, T8 ^' p$ F% V& P
( m, S7 X( a8 q
}
3 X+ S: z" ~1 c. ]- o& N+ ^  U# b( B, l' t
function stopFade(id)
" R4 G1 d2 H3 {' ?, {! y1 e% B0 L3 U$ U" \- f
{
/ b* Q+ q; o: y2 e0 I
8 ^, r8 l4 ]8 k        continuous[id] = false;
0 t  G: ?3 |6 n/ l( r
! h! ]: C1 Z) }/ y. j8 O' [}
: l3 n& L- m7 Y
7 c$ o) |& U' p1 K! ?5 a4 z) H  Bfunction StartTimers()$ I' k/ L% r6 U# ]- D" c
% g3 b/ g7 w* Y& _. @2 r
{        //set up an initial set of timers to start the shimmering effect
0 j( {( [2 P- g0 j9 z$ b3 p. \
8 X. r0 A$ A) W) m' C        for(id=0; id<numLinks; id++)( [! z, Z( t/ V& l

( Z( J& e7 Z: y8 L, L6 s% W  ?        {# v! \( \. x# i$ [9 d3 b* `
4 o9 h! g* s+ `$ {0 k: A7 }
                t=setTimeout('startFade(' + id + ')', id*100);. h9 ]4 w, ~* [, R

! M/ F- D; h* C5 B2 N7 n4 r        }$ k9 Z2 C: V% B" n/ X, R
6 t# d; ?: {3 \9 c
}4 @0 d9 @- N9 L5 ]9 R  F
: f( r1 t& m8 h" i7 G
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
' z4 L/ ?1 X/ C. K" S8 \; K; o: m0 _$ Q( n  c
initLinks('#FF0000', 6, '#FFCC77');
3 m, I: i1 s1 N8 F( E1 ]$ w% Q' `; s+ i$ W, o
//-->. K9 N( h6 s1 l  l
4 b- ]  `* R1 G' M
</script>' o- B0 g! ?3 C8 J0 K
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元& S# h/ P8 ~0 w3 W- H8 p3 I& j
</a>
1 H# i4 K% I: l* u4 [. x<br>, ~* w8 _  T, n1 X1 Y" y
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
- w0 M. O9 R* ^+ `) X<br>7 Q& Z6 l2 O% t$ t; Y" i7 O6 U
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>0 e' l2 k2 p' S' z, D0 G% s; r
<br>       
9 b: U/ Q9 n4 v- C9 `<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>- s3 Y  L. a7 ^* W( H  e- {1 E
<br>
. p) b: O/ {  i" ^<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
  z0 }8 C* X6 \  i! M<br>! U  q) W2 {% V# F! g
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
) X& a* E" u5 _- }& s<script language="javascript" type="text/javascript">
- n$ ~: w$ h* y$ s5 |# M; C; I<!--
  n% P2 T/ R' P0 `setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering" r- q1 M" C5 n* b) o1 T8 r+ G7 |
//-->7 Q$ V5 F0 m1 _' d
</script>