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

zw2004

<script language="javascript" type="text/javascript">
  P! P4 N$ m* e) m! Y8 H<!--
: ]6 ?- L7 [& x// convert a single digit (0 - 16) into hex
! z% ]2 \  L' H7 Pfunction enHex(aDigit); \' W# a8 [! P: s& Q% I+ C6 g
{- H2 }( B# b0 F) j
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
( |0 G$ C6 P* Q1 y  Y2 h2 _5 S3 N7 Z}
) b: Y9 b& s. _4 r4 \, C// convert a hex digit into decimal9 Q$ t( k, @" W
function deHex(aDigit)8 m, ?. E, ~5 D: |5 ^0 s
{) C8 i# I2 ~' A7 v$ R- I" A: F
    return("0123456789ABCDEF".indexOf(aDigit))
# E/ G: I8 H4 `8 ^( o6 p}7 I/ S- ]; r( Z+ H9 t2 k

. t( U$ G+ K& G" f4 _( f$ S// Convert a 24bit number to hex6 w$ \) r8 f9 [! o! `
function toHex(n)) P: i( \, f0 S
{
3 o2 A2 L' h9 ]: j  |% V/ O* {" R1 e$ X3 a    return (enHex((0xf00000 & n) >> 20) +
1 n7 {- h0 d( r& b1 e            enHex((0x0f0000 & n) >> 16) +
. V/ E% j) W2 U            enHex((0x00f000 & n) >> 12) +
6 {" U0 V& l# Q( d% `( `: m" R' g            enHex((0x000f00 & n) >>  8) +, z4 n$ _" D* S( F3 b' C" r- K
            enHex((0x0000f0 & n) >>  4) +$ p4 ?' k+ s" Y! N
            enHex((0x00000f & n) >>  0))
1 E( m1 m, K" D/ }: f$ O4 @8 `( @}
- P& e) Z8 e) l0 O3 n) G// Convert a six character hex to decimal1 Q/ \! @3 ^" H4 K
function toDecimal(hexNum)' {* _, [3 q4 ^7 I5 J
{  F: s9 V% s! T4 N
           var tmp = ""+hexNum.toUpperCase()* |0 j% I  p. {2 T' p) f  J% T: t  h
    while (tmp.length < 6) tmp = "0"+tmp5 h) u5 Q$ Y" p- a/ T' R( k
           return ((deHex(tmp.substring(0,1)) << 20) +
! w  k! k: L( e  e( u                   (deHex(tmp.substring(1,2)) << 16) +
7 E1 ?+ }5 l6 O            (deHex(tmp.substring(2,3)) << 12) +
5 a# ^8 P' S3 _- n1 O- ?            (deHex(tmp.substring(3,4)) << 8) +. {) u, a2 N7 ]4 N
            (deHex(tmp.substring(4,5)) << 4) +$ w( ]) S+ w) ]
                   (deHex(tmp.substring(5,6)))): c& c# U( \  M# w8 g8 W
}  M5 L% q+ T7 f5 N2 |+ k, O
///////////////////Shimmering Links/////////////////////( i: u/ c. ]6 O& \' N9 F: O
//global variables
3 x: ~1 }# \. P$ Kvar hoverColour- J" k1 K) ?& e& B
var numLinks;
6 u, F' D' @/ v1 \7 A" m% [9 [, ]var rate;; O( ^* d& x! N" O1 a: o
var numFadeLevels;
- D) ]' r3 i& D, E4 {var bgR;
1 j9 y! X9 c# Rvar bgG;- A- \8 y* x$ ?0 X5 A* l
var bgB;
( C0 H: m+ d* Z* [6 g- q5 T9 U5 F, ^var currR;
, L! Y! G5 g7 O0 H8 q2 q% gvar currG;
! X* _/ r8 V! ?2 _6 l: cvar currB;8 d. w3 H. z: G3 R
var count;# z' i( e& d" Q" R) a' F) W
var fadeOut;6 t( ?1 R  [/ {* U# x
var continuous;. I  F. q% f. W( J$ |. V
var newColour;
2 h- S8 ~- a3 }. {4 N' K  p( `, M2 \var tID;
* s/ u+ g. l& W, bvar redInterval;
! \  I  ?$ f/ p- r2 A4 z  Bvar greenInterval;
7 \& Q; f5 G/ [- r% J) @! N; \var blueInterval;$ U- f4 s, z- P2 k/ j( X1 h5 q1 l
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
9 k  Z; M$ U/ ~- O: W{
4 O3 w7 X: z* K        hoverColour = mouseOverColour;
0 u* ]9 I$ a7 E) |# ~9 k% A( f        numLinks = numberOfLinks;6 i8 R9 z6 f& j9 ]" p) Y, e% t) |" O' G
        rate = 1;
5 c8 Y% T& c+ W+ ^! o! L5 A        numFadeLevels = 30;
' h- |% V0 a  A3 v& i        function initArray(theArray, length, val)# K1 `8 Z+ E$ L2 a' n
        {- X$ L. F# T. h7 ^. `2 X
                for(i=0;i<length;i++)- g: Q! C  Y; q9 F; `
                {
) A* q& U: e/ R$ y( f& i9 i  t9 p                        theArray = val;2 Y+ U! G, v) l+ o5 v2 U
                }- S. {( Z; [" M0 ]8 B% A0 N. X
        }
% V# U- F6 \. |3 c& H        bgR = '0000' + fadeOutColour.substring(1,3)
: P$ g, b- T; {; ]( E* B" X: I        bgG = '0000' + fadeOutColour.substring(3,5)$ M) l' n, p% O6 x
        bgB = '0000' + fadeOutColour.substring(5,7)8 V, S+ v3 _% {7 i8 X, {8 E
        currR = new Array(numLinks);9 Q3 k" ^4 a' _- J2 V
        currG = new Array(numLinks);
; j5 {9 b3 q' |8 K, J! J1 V7 y        currB = new Array(numLinks);
0 ?  m3 f5 h% w5 y+ x7 e! c        count = new Array(numLinks);
$ p4 R3 ?9 J# E& t" @        fadeOut = new Array(numLinks);
+ \8 V$ i, u, `7 q7 w4 t        continuous = new Array(numLinks);
7 |' e2 u9 Y3 J6 Z' U  `6 b        newColour = new Array(numLinks);$ w0 g* @" @$ X2 N7 L/ Y
        tID = new Array(numLinks);
0 Z) `# W/ H: ~6 _/ z- R0 O1 N2 }( [        redInterval = toDecimal(bgR) / numFadeLevels;
" `* {/ ~& p- }( D; }* s/ R1 D        greenInterval = toDecimal(bgG) / numFadeLevels;+ |* [3 ?  [1 A
        blueInterval = toDecimal(bgB) / numFadeLevels;
6 e1 O( y6 d& F3 d1 E, c) K        initArray(currR,numLinks,0);
3 c  n* D0 }. d( k: U        initArray(currG,numLinks,0);
" [' A. u0 i8 t4 v6 _        initArray(currB,numLinks,0);+ l+ e# ?% m/ i. Z: U5 X
        initArray(count,numLinks,0);# x5 A$ Q9 s; B: Y3 H
        initArray(fadeOut,numLinks,true);
. k# W( l) o5 C# r        initArray(continuous,numLinks,true);
- l) \7 |4 E+ U( ?7 a0 G% i}        6 k, s) O. ]# ~4 d5 Z
function startFade(id)9 T' Z* V8 I  i8 s
{  m0 f6 ]# E, s4 }2 p5 T
        if(fadeOut[id] == true)& f, \+ j2 }7 d' F1 i2 g9 ]
        { /*move colour towards background colour (increment)*/
0 b# }4 x! y& H' p6 Y# s2 a                currR[id] += redInterval;: D  F1 Z% {+ E" K- p! O+ z" m0 T
                currG[id] += greenInterval;
. Y+ T) \! \1 A% {" h                currB[id] += blueInterval;" C2 U8 K' F# w, Z4 P3 z: m
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
/ Y5 R2 Q1 ^  ?3 n$ r: z2 N, U3 H                if(++count[id] == numFadeLevels)% d/ C+ k- l' `$ k, Z$ J
                {2 ~7 w1 }1 P  g* ]. O& v" o
                        fadeOut[id] = false;
; G# m; D8 L( M3 n; V5 o* l                }% e4 ^: ^, n7 ~) q& W" Q& Q
        }
) L# u) ?/ W& M) a1 L& `6 [' Q7 W1 ?        else
8 S3 J; X' Y$ G5 A5 _& P$ c        {: y- P' O( Z- F) F4 q/ f
                currR[id] -= redInterval;
6 F4 l" W3 \" S  n2 o* z! w, X: E" m  T" g9 v. `
                currG[id] -= greenInterval;
/ T% F) i$ G: `5 _4 Z! q, k2 s0 r& o8 \( M' M$ e- ~% `
                currB[id] -= blueInterval;
6 I) V4 a2 |# \) |2 Z$ F( w: Q. t* E  E$ R/ r. A/ p' C& N: K
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);7 @0 G0 |7 p7 i, h8 V3 l9 l
' c; `5 t: o3 k/ q6 c) M4 Z
                if(--count[id] == 0)
' e* s( u( o  K8 U8 }8 F# o, c' `' Y2 p7 s; S+ D8 B
                {
; a: q+ q& K! k+ @9 B0 l& M- [
& x' M5 f% q! h6 F! N$ t8 [9 n6 \                        fadeOut[id] = true;
8 e4 X. t% h' g8 T3 P1 Y
: j' X$ ?: }" T9 q' X$ u                }# ?  F6 b% c1 c0 A' E& R
# A- u/ r7 [( c/ H( R  X
        }
& t9 b3 o' |% z# R' U2 O
' {; b! y! ?2 t        if(continuous[id] == true). r, ]! z) r5 Q7 e& V
: U  S; N  b0 R) k
        {# G) ~& S# u$ p+ B. B$ \, _) u* Q

9 c# S, ?4 f. E                document.getElementById(id).style.color = newColour[id];                - M2 ^' d/ u3 N- Q

: k( a4 ?4 E! x1 r* o8 c6 R        }  J% r$ `' w+ K" E+ @3 [
1 X1 S, m7 j& i7 `" D6 f. Z: Y7 [
        else5 ?+ ]# y( p" c9 Z, ^

& h& `& W$ c2 B+ t( I  j6 X& S8 ?        {/ V3 |, ^7 V; X* z4 R

8 i0 J6 f9 {/ `- ?  `9 g                document.getElementById(id).style.color = hoverColour;
; q8 t7 {, R- d5 T6 w
2 K1 B4 ~8 O) q# \# ^. j7 {        }
& y& }! T5 d/ X5 |4 p
$ M% E5 p% A: |3 T* i        clearTimeout(tID[id]);
! H$ {- E( R. K: w- |+ D
+ ~; i& I2 J; o8 W        tID[id]=setTimeout('startFade(' + id + ')', rate);% e4 ^! R4 s; Z( J

; k) [+ ?- X7 c, ~+ W, S& P9 q# |}
! W3 ^4 |/ W1 h+ y7 K4 `& T
" Z  g$ m" O. M  z3 Vfunction continueFade(id)5 Z; a$ k2 o1 M5 a  {3 i) L4 E
# {. [9 G0 ~1 e  J
{
) N& G; ^; ]  w  Z/ f8 k4 i, V7 V) |
        continuous[id] = true;
4 k# r, `1 n- u* f$ B6 Z3 q+ v5 T& H( c1 G
}
* Q0 J$ E5 K! @0 x
, m3 Z9 p- w: B  {- V7 Pfunction stopFade(id)
% o6 A! C- w8 ~" Z4 L
# o# |! H8 J$ a+ u/ k1 G+ D, D$ r{/ c6 ?+ ]- E( ?' e
3 r2 i% v$ s7 v$ ]2 Z
        continuous[id] = false;
2 K# L. I6 X" U6 b0 D
3 x; k9 Z2 k4 w; @; u}# ^+ N) u; R) S- P

) m  x0 V  O6 h% Ffunction StartTimers()
1 D5 }8 y; p, i( X1 L0 l; v# l+ n( x$ ~, J, o
{        //set up an initial set of timers to start the shimmering effect
! I) b- K2 y* j1 l# E/ K1 N9 k
# o1 _4 s) g; u0 |) j        for(id=0; id<numLinks; id++)
0 ?! w% {. E( O) F! @/ e( J: o! [3 Z6 |0 o& a; _: \& h
        {
6 u# K# ]$ Y: r3 e6 \, a/ C9 m" F8 C8 V% C- o+ ]
                t=setTimeout('startFade(' + id + ')', id*100);
1 V) D, x! m3 H( ?% G# a+ T% r  S- u" Z3 }  e' V1 W3 X& a
        }9 S7 O2 z) @/ d0 L) q- C
' p) l$ Y, }3 ]5 g( z" L! Q# S
}
! F- ]/ y+ ]. R) O8 e$ q1 |( [+ [4 m
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
7 f0 ]9 A/ s: a7 {! o3 ]( v! _$ f) v  R; S* w
initLinks('#FF0000', 6, '#FFCC77');
6 ]' N" c0 ?8 Y* {/ m, G' P  {/ M$ x3 f: G2 q. w! A
//-->
' Q* ^- _" J: R3 X" E  F: W5 m8 m) C
</script>
; q! b5 B2 x/ s! S6 p7 T2 m<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元" i2 C$ S  @. q# X+ j, x$ X
</a>; }& X& B& o# U5 h! s2 {
<br>+ l1 y+ ]' H- K. ]
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>; p) ?7 V6 @9 f( S+ O7 C- Y# P/ `
<br>7 ]" T' @) ^# G7 I$ ^
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>& J; S" ^) ?4 ~  O' [1 T) B; D. B9 r
<br>        $ l# o: |( O: A3 d8 `3 r
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
$ b/ E" @- w0 ^% |7 A& D$ w<br>
( l% S; U$ u" A6 ^8 Y3 R<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>0 W3 Y: s! s* a" U  k6 }
<br>! @( ~. [& D1 c# f$ z
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>& J  K% W4 z# n5 W0 M
<script language="javascript" type="text/javascript">
: F  W' q% f: M" M4 b1 U' w<!--' [% H* E: T. w) x4 p( q
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering0 ?# Q* f9 ^; ~1 e) V
//-->/ o' u: q; a! }* k
</script>