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

zw2004

<script language="javascript" type="text/javascript">
7 `0 q1 ?$ x, S+ m2 W: E7 H<!--
: P7 g; t& ?0 c" P+ E// convert a single digit (0 - 16) into hex* B1 u4 X. h/ s" w& V
function enHex(aDigit)% y' F, D( M7 l6 x, [& v- O
{* y8 e; q0 u0 m
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
: q" I0 L4 ^3 |}+ S5 o, v  H; |) P* m$ \( [: K
// convert a hex digit into decimal
* ^6 g+ K! m' e. E  i$ yfunction deHex(aDigit)6 q& n) R' _: U  ~  J, `
{
- X' U3 C* @/ h+ u    return("0123456789ABCDEF".indexOf(aDigit))2 E; p* B, ~0 |. |9 Z
}6 ~% _1 X- h3 ~: _' Y+ c

  }, ?4 |0 {+ ~  Z+ Q5 z% A% G// Convert a 24bit number to hex" V6 E! Q- f8 h3 Q4 i
function toHex(n)
8 c5 U- u: s/ C3 K) f$ y' I{2 u8 H; ?" ~- X5 G% d
    return (enHex((0xf00000 & n) >> 20) +
1 b% Z$ o5 U1 Y2 ?$ d            enHex((0x0f0000 & n) >> 16) +" L- p7 i1 L' m+ n: K4 @8 o. T# O4 |
            enHex((0x00f000 & n) >> 12) +
# P4 f" i% r4 ?. A4 p            enHex((0x000f00 & n) >>  8) +- V( `# S. [2 y$ ^1 p$ A
            enHex((0x0000f0 & n) >>  4) +% h; n1 d7 `: M3 \% `4 y+ ?  l
            enHex((0x00000f & n) >>  0))" L4 q- B) p+ i) ^5 _
}  M/ I. {0 [) M# ?  o
// Convert a six character hex to decimal/ |% X; ~+ A9 z6 C$ u3 D. S
function toDecimal(hexNum)& i! B; S) O0 ]* M: d" t
{- E! m* z4 N' F) t! }5 c; A& n
           var tmp = ""+hexNum.toUpperCase(), U: {- D1 V( h2 x5 k- F! I5 J* O+ K+ H
    while (tmp.length < 6) tmp = "0"+tmp# _- U* x. _' g9 Z# Q
           return ((deHex(tmp.substring(0,1)) << 20) +
. X9 ^8 e. ~: q  d+ J5 l6 N                   (deHex(tmp.substring(1,2)) << 16) + / S  [8 q8 d8 a& m! V
            (deHex(tmp.substring(2,3)) << 12) +
$ B  v, Y8 I# S/ w. R            (deHex(tmp.substring(3,4)) << 8) +( @/ o2 w, w1 G5 u! X2 p
            (deHex(tmp.substring(4,5)) << 4) +
7 x; i! \7 N- r7 W                   (deHex(tmp.substring(5,6))))
: ~( Q8 L1 C) q}
3 B2 B& T& j( ^5 N' J///////////////////Shimmering Links/////////////////////- }- a! L8 V8 h# z  W% m
//global variables
3 k9 S9 [% S& H# |8 @. qvar hoverColour
/ v9 \# B& R* R: y: rvar numLinks;
6 l! Y& w9 ?: _9 h0 ivar rate;% K* {/ c6 ~! G) U6 y/ }
var numFadeLevels;
4 d' b% M: ?# @- ~6 O6 P: `4 k: P2 ovar bgR;) q  ]' v, P; q% X  D" U
var bgG;
0 I7 C1 M: K, i& e2 ~* I; Kvar bgB;: t1 J! D4 I% W3 u& _6 s
var currR;+ x. |% i. D. ]' a2 T: Z+ `
var currG;8 Z: M' r, }2 I6 y7 W
var currB;7 p- l1 Y% B; c2 l. P% Y8 u4 `" l
var count;1 V# c# W+ `6 t  L! j
var fadeOut;; t; O: `8 ~8 h' }# C1 A# `; r7 f
var continuous;
: W, a' S+ @' t2 @! ^2 u- yvar newColour;
3 U8 W5 B+ c: s( u/ a. yvar tID;
8 g5 g4 ]: x/ S% n6 ~, x+ m: [8 Rvar redInterval;
" N; k& R! c+ bvar greenInterval;1 K: Z& x3 W" h/ A. |3 f
var blueInterval;
+ d; T: s* u8 v. A3 ^  ]  q9 d  z3 vfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)8 Q  z9 {% a2 t, {/ |# I
{5 E) B7 j0 V, d) d$ a9 g
        hoverColour = mouseOverColour;( r0 j; d# b- p0 @7 f2 I' }# R
        numLinks = numberOfLinks;
) `: I8 P0 f) c6 P4 N" m4 ~" p/ t- G        rate = 1;% s1 h8 c" B' V. f# s, y) J  G
        numFadeLevels = 30;
, O. Q0 m8 G! a! i5 e        function initArray(theArray, length, val)  f6 R7 s( U0 K
        {/ J. h$ a% v9 N1 o1 Q. C0 k2 G
                for(i=0;i<length;i++)0 f: O) T% [; S7 ?6 N1 D9 _' A1 {
                {
: k! w: L( ?% q% {6 x8 N; E                        theArray = val;
; i7 ^) B6 y, R1 k7 y0 r                }* P4 B  l+ N, W3 m0 E
        }* v* M% N" ?  P8 L9 s5 f  t
        bgR = '0000' + fadeOutColour.substring(1,3)
8 g9 y& S+ z* A/ R- c( M        bgG = '0000' + fadeOutColour.substring(3,5)" P# U9 {' ?) Y- n% @
        bgB = '0000' + fadeOutColour.substring(5,7)1 T7 z& ]) `4 m' Q$ H
        currR = new Array(numLinks);# e* R6 {- R0 N( D4 }
        currG = new Array(numLinks);
# e) Q; O8 D( b        currB = new Array(numLinks);
1 K# X) k- N* [: P5 q5 H3 c        count = new Array(numLinks);) w7 J% h6 o. E* n
        fadeOut = new Array(numLinks);
% {% v0 h3 ~3 B5 z! S: {        continuous = new Array(numLinks);
/ b% f3 u8 f. u, ~: @        newColour = new Array(numLinks);' D" ?9 Y4 }9 K4 s# u
        tID = new Array(numLinks);
% \* j) h& T# k        redInterval = toDecimal(bgR) / numFadeLevels;. J4 M2 {" P. @$ [8 _
        greenInterval = toDecimal(bgG) / numFadeLevels;
- L* V' v& s3 j$ l. D! e        blueInterval = toDecimal(bgB) / numFadeLevels;
  f: {* ?) t9 O; L* f        initArray(currR,numLinks,0);$ q. x7 Y! c2 O
        initArray(currG,numLinks,0);9 G  d* w% W. ^
        initArray(currB,numLinks,0);8 b, E4 b2 u: `8 c% E( P
        initArray(count,numLinks,0);
  _% F6 `* y, e8 O% x% t2 r- Z& \" `        initArray(fadeOut,numLinks,true);; t3 Q" c+ U3 R2 v  _9 u4 O
        initArray(continuous,numLinks,true);
9 _+ v8 _1 z# ^: R}        ! ~8 T4 P/ Q! k9 r* z* P5 F; p4 f
function startFade(id)
) Y( y- \9 A2 o) I, o3 I! I. N{
2 `5 {/ k( d/ m5 ^        if(fadeOut[id] == true)6 |. E  g, N1 k/ Q. x
        { /*move colour towards background colour (increment)*/
, F( S% v: S7 t. E/ M                currR[id] += redInterval;) v/ F0 m/ [# m, u3 ^# b
                currG[id] += greenInterval;/ B# }+ W& h& q% p, m3 F
                currB[id] += blueInterval;
4 w$ F  o$ y" ^7 ~0 ?3 ]7 S- }                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
+ n+ {/ P- W( V/ z: m                if(++count[id] == numFadeLevels)
# h8 w0 |. B+ S0 a# J' V                {! n6 x3 P; W  I4 Z) W2 I4 o( {
                        fadeOut[id] = false;
% p* E( j8 D  J3 T7 y4 |$ y% T                }
+ m# V. B: y+ X) P- q9 [        }
* {( I4 O. ?1 ?" m8 Z* q        else0 N! h; c& A/ x0 ~! e
        {
9 d* L1 K+ e# x, c                currR[id] -= redInterval;
7 r, B, n! s# w* N" t' _. P% G4 f6 K
                currG[id] -= greenInterval;
6 G% n2 _$ n' I% R- U6 D4 m- p) h' s! P
                currB[id] -= blueInterval;. u; C; K1 a+ b- [2 P+ C4 W4 p
, a- Y& t) V& W  {
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);& i# h1 x' `; ]4 \

* t. [/ {: r0 t                if(--count[id] == 0)
/ J) R: p5 ?  Z0 D# A, E, X& m! |$ z; @4 B, h8 s3 v& O) I
                {
+ |/ y$ d" b8 G6 n
  c% x+ B9 D( x* ~' W3 w                        fadeOut[id] = true;
! }* v8 N9 }+ l6 E& R( ~
5 q' U( e* l5 X- j1 v2 }: o: ^                }0 ~" ^/ `& A, s& g/ x% x, r

6 a( |0 l. C7 o/ U9 l) t% ]' S9 O  V        }7 E7 Y8 s! l) }, S
. F$ ?+ @& Y- y5 t/ `
        if(continuous[id] == true)
6 \: [, B7 i' d9 t7 M# c, a4 x6 a1 x% D) ?: V. l$ o/ H8 w; W
        {
! B2 N" E  E! V2 s( j6 a+ X
7 Y* m% \* ^3 p; b+ F8 m9 N& I                document.getElementById(id).style.color = newColour[id];               
. b, p, [# y# ^  s
3 h; e. `/ x) i6 L" x! v        }. m- g8 u7 O' z1 I! N5 O. |/ i

* n9 {% k& e  ~8 r2 o5 z* r+ t        else
) O- J6 X/ b: l. E8 R* v( c( [* b6 g& u
        {
: |3 t$ |( d- p" y
, Q& F+ `* \& c) ~( M                document.getElementById(id).style.color = hoverColour;
3 ]* D% }* R. H$ J9 g: u* p( V4 u9 k; `
        }
8 |, ~1 ]! @% v: Z  Z) q5 k' o
' D; Y' n. O! X& R% z) {# o% b        clearTimeout(tID[id]);
2 _( g& E8 g) g: ?  J; Q& }) Q% F/ L( }6 W
        tID[id]=setTimeout('startFade(' + id + ')', rate);
6 u0 P) x  x+ O  ~$ C( h* ]. O: j- E2 K6 g. ~4 G$ e
}* {/ ^0 F( }: S4 f/ X, S% r

7 p7 }7 x! @1 \function continueFade(id)
0 x/ _4 V2 H- x( M2 x' q5 c( y5 F: J/ I& G
{
' L# v; z6 I8 a8 }, [# r6 ?8 S" Q3 q' Y+ x
        continuous[id] = true;, {% `( H6 k: s" d  `5 R/ a" Y2 Y- F

2 k1 O* U% x, C2 _' p8 D) |}) E: s: j* g' O( i6 H9 H6 N

8 N) j% Z" j/ G' afunction stopFade(id)
0 y* V! N$ n4 e( C0 z3 s
  l4 z6 z  d: }7 g6 ^{
0 x( S1 l2 c* f
8 ^" s. J, c+ q        continuous[id] = false;
( x8 v& i. C4 A! \# q
. ]5 T6 n* V$ z' D9 v- `  F4 j}
& p& ?) `& Y: ^
( @% r7 Y& V$ [  v) g! }0 [5 xfunction StartTimers()
7 Y0 q; N) d1 |! b! T9 l" Q8 g+ G) T! S) H: L+ X* J- i; f7 b0 V
{        //set up an initial set of timers to start the shimmering effect
/ j! B0 X/ J( T
! V- W& `( R; F3 e& _8 J        for(id=0; id<numLinks; id++)) x. A( Y; C( m

/ s. X: V: X' @/ I        {
" R' z  ^0 t, Z, H+ ]! y+ t) {" y3 m# n+ l3 T/ r- J( l1 W
                t=setTimeout('startFade(' + id + ')', id*100);
0 G5 K- H, z; n4 O8 X" d' E& b* O2 c8 c$ t. e% W. W8 k. U: t5 r
        }
# D! E; M; Q# j* f! n! r
! E. m9 f' _0 ^& s! Z}6 u* l9 r. q! a* q; Y4 X7 j5 Q
2 `' [7 l9 e1 D8 B( \
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')5 \4 A3 L- x/ ?4 |8 A4 D" k

+ w; m0 T9 N7 G) GinitLinks('#FF0000', 6, '#FFCC77');
. w$ A" U+ G) p0 ~
3 [) l$ c/ n( c//-->2 i" Y% M+ b% W: }# L! u

# e: V7 c: X, o: z</script>
1 k. j  h0 E) O* A<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
5 K5 g$ i# ~* M, R, r, T</a>
  B( p$ O* y! D) d5 l3 q<br>& S- a4 A; f. \4 y. C' ]0 s# h* C9 r# \
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>' v# a6 ^( M1 }) L; E& H
<br># @  e; G# I5 V
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
% R6 d4 w$ V2 c! S% @<br>       
) B# {% }) t, I7 \" [<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
+ R" n7 S/ y: K% c<br>) b4 M- q9 J. S5 e" n3 \
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
6 _/ @6 j, O: I  v<br>
: C9 I/ l1 z+ f% [. C<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
+ y% ^: A# q, ~<script language="javascript" type="text/javascript">
( g1 G2 h, T* w5 _<!--, |  l, X4 A: Z" W2 d. J
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
+ S. E' \. \: o6 B( F# m//-->: ^+ f. d9 D$ n7 d) a: t" {
</script>