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

zw2004

<script language="javascript" type="text/javascript">& Y! Y: b8 T' @/ u( Q( Y/ g
<!--
, a3 x% k$ A5 F  p// convert a single digit (0 - 16) into hex, [0 _* Y% K  g5 \9 q6 V
function enHex(aDigit)
- N. t- D7 ]5 W5 @4 A{
# ?+ i, U7 e' \, p4 r, D8 A    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
2 z8 O" W8 q) q8 |}, B9 R/ z1 ^6 j+ Z
// convert a hex digit into decimal' y# D6 M4 v9 R6 E
function deHex(aDigit)$ [1 b$ l! W) E
{* }4 N' ~  @& K* K* K
    return("0123456789ABCDEF".indexOf(aDigit))
, N' U6 f. u3 U& B2 b}( z; O/ P$ A8 ?+ `' O9 H& }

4 M: S# ]$ z8 k& V// Convert a 24bit number to hex
) D( u1 C* h5 q0 d+ l" x, Xfunction toHex(n)3 `$ t* ~  N* m3 ^* u
{
1 n) w' U( j0 v0 ?) X) z: V9 w: f    return (enHex((0xf00000 & n) >> 20) +
$ z$ X- Y+ U8 s8 H8 q& N, M1 J            enHex((0x0f0000 & n) >> 16) +
  }& {- L3 ^/ p            enHex((0x00f000 & n) >> 12) +
% p" K# p5 V0 A6 ?: u0 ?            enHex((0x000f00 & n) >>  8) +
- k( U$ s' \! S: r+ h5 t+ J            enHex((0x0000f0 & n) >>  4) +5 Z! S2 I# N3 k" y
            enHex((0x00000f & n) >>  0))
% a0 |5 G. }1 v, n4 Y}% I8 c9 z0 r& c% ]* H( G2 R
// Convert a six character hex to decimal* y( s, C* v6 i# W& Z; T$ Y: r, ?) l5 q
function toDecimal(hexNum)9 f! ]( s5 u0 P0 w
{6 m' T2 y9 a$ E$ J+ W" l) r
           var tmp = ""+hexNum.toUpperCase()
2 Y: R! h$ h" i4 |    while (tmp.length < 6) tmp = "0"+tmp5 T! [& b6 v# T# ]" n8 a$ b
           return ((deHex(tmp.substring(0,1)) << 20) +5 Z8 L, Q& ~! ?, Y
                   (deHex(tmp.substring(1,2)) << 16) + ( J0 A  o$ m6 r8 l( z2 c. n
            (deHex(tmp.substring(2,3)) << 12) +' [: v' G) @" T2 D! h6 z6 K# K
            (deHex(tmp.substring(3,4)) << 8) +& ~& ~' W& f( G
            (deHex(tmp.substring(4,5)) << 4) +
; D$ C* K, y) ~& v) R                   (deHex(tmp.substring(5,6))))
+ M& R( Y7 u7 X) y" F8 ]4 p% a% {}
- y: ^$ \9 o$ v7 k///////////////////Shimmering Links/////////////////////
1 ?" E8 X4 \* n//global variables# Q7 Q9 g) v$ c# V  I9 g0 r9 Z3 n
var hoverColour
8 G, S5 `, D) N( ~var numLinks;1 r- Z' i6 O; o. t, V4 o
var rate;1 S) g6 K8 k2 s% u& K
var numFadeLevels;" e  P# }% Q$ {
var bgR;
2 K+ i% I" d' N& w" bvar bgG;
% n: G! s# [) U2 [  wvar bgB;$ x: K3 i! Z) H' {+ `
var currR;3 |' T1 n# d  K! @- b
var currG;1 Z: a+ X3 ~$ d3 R8 u( a  n) z9 Z
var currB;
! l3 I* ~: T/ o8 |' W+ \7 Jvar count;
4 B6 }% m8 Q  k! Pvar fadeOut;
9 [- S; p2 C8 x& T- @# d" o# \var continuous;7 H8 h5 s% Z' L+ u' c8 {
var newColour;
4 c2 O% D' i$ X3 X: n# t# r+ Jvar tID;! }! H8 m# A  d- ^
var redInterval;
& `; ^! C6 ~4 q6 Nvar greenInterval;
4 ]1 `  {( l$ j! c' N. avar blueInterval;, G' I! X! }& @4 x& `* ~) K+ r
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)! u' n+ ?; f; J; h9 \+ M- {/ P
{+ U, t7 q1 S; V8 k8 X& n
        hoverColour = mouseOverColour;8 f6 G7 B2 S+ c- K
        numLinks = numberOfLinks;
7 R+ K- b' m7 _        rate = 1;
5 }+ n! l9 @7 F' k        numFadeLevels = 30;( }- a; v& o/ S( E. _
        function initArray(theArray, length, val)
' C  s" B# D) E5 q        {* p) _& J& L) k: C% s: W2 g9 W2 l3 d
                for(i=0;i<length;i++)" g& h2 ^( q4 m1 H1 Q& ?$ k
                {
7 w8 x9 N+ k. ]& B% }% y                        theArray = val;
  {7 ^* E6 R7 G' r, e: F! G& E% m& H* J                }
4 _: L6 [% a+ F  b& [0 j0 N        }8 e% U& `, }( S" [! ]6 n
        bgR = '0000' + fadeOutColour.substring(1,3)
$ W: t0 c  n# N! B" K        bgG = '0000' + fadeOutColour.substring(3,5)
3 V% T9 d1 h0 L$ _7 C/ X$ A6 M        bgB = '0000' + fadeOutColour.substring(5,7)# B# R8 z: D! m! q  Y( u) {
        currR = new Array(numLinks);
. W6 \0 F* H+ t: }7 I: E9 M# C        currG = new Array(numLinks);$ v% M, X' ^2 P9 y3 Q
        currB = new Array(numLinks);
, @0 N) L- ~8 `$ o# L        count = new Array(numLinks);+ w% h- U# U$ t2 P# d6 j2 E8 P4 g
        fadeOut = new Array(numLinks);9 h+ v0 T9 l) o* _7 T: G, p
        continuous = new Array(numLinks);9 S" i, j( b8 T' f3 a; h
        newColour = new Array(numLinks);5 O! b/ R, \( S: t/ |
        tID = new Array(numLinks);+ W! G; k( |9 \* E0 m: R, W6 G. k! P
        redInterval = toDecimal(bgR) / numFadeLevels;  T4 C2 ?2 r) b2 R& a2 E& Y" G
        greenInterval = toDecimal(bgG) / numFadeLevels;0 U( B" w; K0 g  b' O4 @
        blueInterval = toDecimal(bgB) / numFadeLevels;
4 d3 P+ T. S9 P: Y4 N1 M        initArray(currR,numLinks,0);
; V) N9 l/ Y3 {3 S        initArray(currG,numLinks,0);6 D( O9 c" d2 F7 u- H3 E* ^
        initArray(currB,numLinks,0);
; ]- e$ @- m* G, s        initArray(count,numLinks,0);
/ z3 ]( B7 Q2 ?4 x; ?4 i3 F# W0 }        initArray(fadeOut,numLinks,true);- p5 e: \) C' R" q8 j
        initArray(continuous,numLinks,true);
+ m0 \- \# j" J# \}        . _' t! [+ p; W7 |9 d
function startFade(id)5 ^% ~. g5 d' R
{
! T7 F- H# b% q6 N9 b        if(fadeOut[id] == true)5 J, n) A, B/ e6 j) U
        { /*move colour towards background colour (increment)*/; b) {, X8 Z  U8 o/ W
                currR[id] += redInterval;
" l5 M3 b( _- k0 B) f8 e5 O$ F                currG[id] += greenInterval;
, V! d4 g. G, P9 K                currB[id] += blueInterval;
, M% A2 E' t7 H, Q' N                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
2 J2 Q8 [( _. @8 q' _+ R                if(++count[id] == numFadeLevels)
9 b. X% w. ?0 }' N6 x' f4 L1 z8 e                {
) V. V3 V4 P  T+ u# n+ i+ I- z                        fadeOut[id] = false;; F9 p; t# v; X9 s' [
                }
1 z3 Q0 y2 \, d        }9 u( h" m# b: C6 f$ |) |3 Q
        else
' {. F/ v- F) S+ o3 T        {
' D) @( W! R- X6 E1 J                currR[id] -= redInterval;
5 m6 D! i; V5 T( F5 V8 ^2 ~, ~
* x* R1 C: z6 m0 `3 l* f                currG[id] -= greenInterval;
/ N1 J- X; Z+ q) k7 G, |2 v
5 i; j4 c6 W' @; p8 _                currB[id] -= blueInterval;
8 x: @1 u; e2 w6 S6 X3 P
; x) j8 _& i9 N% J0 ]! c! ]! i                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);& [5 D2 h5 `3 q6 j

( P7 K8 T# i! }8 _/ @) h# x                if(--count[id] == 0), s9 P& n* z2 ?5 e

. B( `1 a5 v$ m  C& x. ~8 w2 R3 F                {
9 M4 ?. j' h0 k/ s+ @4 E, `6 s# e9 h
                        fadeOut[id] = true;
  w$ |% N4 A6 C% s# Q( k  B7 H3 n, N
                }
* D. r0 V8 w% h% ]2 s. W- B0 o1 R" [+ t) ~% q6 ]0 Q
        }
' O  o! P+ O% t& {
: n) A/ c- ^% U; }# B3 p& l        if(continuous[id] == true). B: N3 H% r9 B% C7 h' F6 z  }
0 V7 W2 @- W/ G, v3 F' i4 e
        {7 q0 H8 ]4 g+ `; _/ [

% A" |4 C& {  T0 Y. |5 D                document.getElementById(id).style.color = newColour[id];               
) g/ Y! p6 Y+ f+ d
  I$ L( R2 ~' r6 g3 j        }/ s. F( a6 V1 J! J8 f  z
0 c3 U) @$ z3 Z# Y2 _% K2 L
        else+ u: t) V5 t  b7 Z6 r, D+ I

$ T! U3 k: E7 g9 x# v" _        {
. b$ a) K9 O8 b6 E3 Q4 j* i
0 ?& w* }5 N" p8 Q) o9 G  f0 X                document.getElementById(id).style.color = hoverColour;2 F5 U8 I! f* ~
& K& M. f# R' V% e; T
        }* b/ f1 v4 F# s: I2 S
6 z1 y0 Q, P8 L" g( m3 ]
        clearTimeout(tID[id]);8 I' p$ ]7 j0 v0 T$ F
# f7 }9 d0 [% P8 m( ~4 w
        tID[id]=setTimeout('startFade(' + id + ')', rate);. m* y& k3 s3 _+ M( p4 r
5 j- o7 `: N1 n
}
6 G/ ^7 Y& O/ O! g. H* z
' M  o7 y5 h' Z; C4 U- D# T, S+ t! Hfunction continueFade(id)1 I: y$ M' j4 F+ }

* {2 t& e) Y3 a% ~6 }# u6 @{# q0 l. P2 j) _4 [
5 A$ |' q6 U* o! N7 a2 m8 o) h/ w0 C
        continuous[id] = true;& ]5 [+ ?8 o* u0 a( R1 y

+ S2 d. h0 J! `4 {}
% Y7 u( s% M0 R* d# H2 O; R3 P1 E
9 C9 k: i( \$ S9 S6 ~9 Ufunction stopFade(id); Q+ B8 W2 {  F# w# f6 R' Y
. z. d  Z: u6 c# f- _% }
{& E" c6 s  Z9 p6 t2 I5 |8 g, ]

7 _2 |+ @2 Y; U" r        continuous[id] = false;
- E- K' \3 y- \% C" I2 R; B8 Q$ ?2 W1 p5 |* J
}, r$ Y9 m, n9 D. h  w; ^- p3 L% w
+ M; Y% H1 Y& V+ A
function StartTimers()
( w2 P- J0 o& P2 a) E
' \1 Y) j2 W1 V' J8 _8 J& B( I0 E{        //set up an initial set of timers to start the shimmering effect- B5 V7 a  [5 O8 _/ F
7 q* m/ W# E+ |% ^2 p( b2 ?
        for(id=0; id<numLinks; id++)* F8 A& ~" B2 e+ Z- J4 Y
+ k4 p/ x- t& f! J* K
        {
3 ]% `8 L7 P( G# L  ^
: \  x% n3 n' [8 ^: S9 b7 d                t=setTimeout('startFade(' + id + ')', id*100);
- W3 i! r+ @6 |8 h
6 O, K$ @& z" `3 v        }& C" N6 y! @- C# G7 D( N

' L# Z3 e* r, j3 {& ?' f8 ]3 g}
9 ?4 q. s- ?8 F8 b3 M6 `+ Q9 G( c1 q
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
" ]- I) o& f4 _- P1 }
) i* u/ @; j2 R+ Q2 g* tinitLinks('#FF0000', 6, '#FFCC77');" t% S* z  b6 @

& a% W: L) Z6 C# n  e, C//-->* v# P- l( u$ b6 t2 F* C0 E2 M

/ C2 C# E% F- F9 y4 |% m</script>
6 T: D3 J, m: F, w" r<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
' D# o* s6 m: D; A0 F</a>9 U+ a" N& @/ G& m
<br>
) k+ j2 c$ k# _<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
" S( A* m  N3 S1 f<br>
, U; V/ G& r+ S) |; q- O6 H- X% o<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
, V4 w% @( ~/ ?3 C4 ?  P/ `7 H<br>        . Z$ V: `* r$ w& s9 z8 z
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>% d5 Y( _4 N; `1 H
<br>
+ t6 L. x+ V1 B<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
% \" S: z! ^- p) g<br>6 D& P( U& H- V+ y  y6 m
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>" e% R9 }6 _# |" W
<script language="javascript" type="text/javascript">* K& U0 ^! `! F5 A) L6 z" b
<!--( f5 m3 @, E5 l& A
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering- ?( T* @3 d& K
//-->1 W/ k: B2 F. r! A) X. d+ B
</script>