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

zw2004

<script language="javascript" type="text/javascript">( l  C1 O8 X! h+ y  ^/ X$ Z; p- x
<!--
; a7 I, c) @9 Z: f// convert a single digit (0 - 16) into hex0 z( I: S# G: T  }6 X: v
function enHex(aDigit)9 B' F6 n0 j, ^. `1 R
{' {9 [- n& F. z- p7 Y  f
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))/ `: Z9 N9 c; s: n; P
}
1 a. v# M9 M# d% g! o9 q; _// convert a hex digit into decimal
* r# W# i8 A+ ]% A# |2 B& nfunction deHex(aDigit)
% ?. Z2 Y) ~3 L{
( ]4 ~# D- W( c    return("0123456789ABCDEF".indexOf(aDigit))
2 K! Z/ a8 K$ M* [& G}
) ]. t  S8 D) v+ P- f) L, @- _/ Q: Z
// Convert a 24bit number to hex
+ z3 h& _! ^% `3 y5 }; W' `* Z) ~' ofunction toHex(n). O- E  b5 A6 W3 b- Z/ o9 G) b
{" ]% d* j9 {. }
    return (enHex((0xf00000 & n) >> 20) +8 I6 ]! j) I& O' W$ r& Z0 B) m; H
            enHex((0x0f0000 & n) >> 16) +3 A! r# S8 w5 h0 B' u9 a
            enHex((0x00f000 & n) >> 12) +
9 \( Q& W3 p$ _! ]* |0 x1 v0 t            enHex((0x000f00 & n) >>  8) +! |! W" ^* H) U/ N
            enHex((0x0000f0 & n) >>  4) +
7 F) D8 D  m( i- @+ C            enHex((0x00000f & n) >>  0))1 e5 E9 F1 v$ J) o. M
}& s' Z- j( T/ x& M1 @4 |$ |; ], ]
// Convert a six character hex to decimal
. E. s+ K; l+ H  ?function toDecimal(hexNum)
' n$ }1 T3 b% D; ?{
4 ~( |+ H2 B9 T7 a: ]           var tmp = ""+hexNum.toUpperCase()
( N) ?, a* r$ h" W( O    while (tmp.length < 6) tmp = "0"+tmp
; z  M1 g' v4 H3 h( \" P           return ((deHex(tmp.substring(0,1)) << 20) +  K# h/ K8 Q: L5 q3 \* |% |5 b, M
                   (deHex(tmp.substring(1,2)) << 16) + 3 ~; Z  s  k4 \8 y0 T
            (deHex(tmp.substring(2,3)) << 12) +
3 _% F5 \$ n8 G3 _- v            (deHex(tmp.substring(3,4)) << 8) +
0 {! W7 M/ U7 K8 K% s3 b            (deHex(tmp.substring(4,5)) << 4) +  a/ h/ i, O1 V4 o2 D$ |0 x
                   (deHex(tmp.substring(5,6))))* t/ q) t# c4 u& D; b. m
}
9 Y1 j- {5 n& k4 l2 |0 I/ W5 e! f///////////////////Shimmering Links/////////////////////% k3 x' m6 N- i) S2 h1 V
//global variables  ~  K/ d" w/ f- u
var hoverColour
) j8 s: g; z1 ?9 [var numLinks;/ _% b+ o/ ~1 m/ r  l3 m
var rate;3 E1 P" A$ _* d7 P+ O# h
var numFadeLevels;
* U9 C7 ~* X& d- T4 Ivar bgR;
; A& C) S& h( V  |1 I8 bvar bgG;% ]9 d% n9 f8 n- X' h! u
var bgB;
7 T7 z0 R6 J) u- E9 A! l8 A" Hvar currR;# |5 n9 \2 L( e+ c% z
var currG;
$ r6 k+ W7 \- Z6 Q* }" kvar currB;$ T: `$ `$ }5 {3 X9 L# T3 k
var count;
# H0 ~- ?- k" M  K/ a' l$ |var fadeOut;
9 {% ?+ H2 s) n# Vvar continuous;/ {* i! d- m2 I+ T1 z$ a. q
var newColour;
. ]( ]( M8 o& V! @8 p- Zvar tID;+ z1 _& H2 s% ^2 O
var redInterval;' S3 w8 D, H8 g3 q+ w
var greenInterval;0 |  {" x0 S% |$ a# m2 I
var blueInterval;' [( E- N, X7 _4 e% x  I( C
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
% M  n- O  `6 L6 D3 E{
" \7 f9 ^" I4 h! V+ S/ c        hoverColour = mouseOverColour;1 Y1 u# H8 G* x* z
        numLinks = numberOfLinks;" |% j7 O9 S- d: x; A
        rate = 1;5 [5 r- s! t2 ]. {2 \( K
        numFadeLevels = 30;
6 p) m8 K+ i" ]/ ]/ m7 `        function initArray(theArray, length, val)  x& Q+ X/ i+ N6 `$ S/ }, a
        {
+ B/ P" [" r: h- Y; d1 Z3 {                for(i=0;i<length;i++), K0 S6 @  n% ^, u. b; [7 J
                {
( C* H" h3 {( G8 f. R7 F5 N0 ?                        theArray = val;
  N( e: w' p9 Z6 R* ?+ d                }
5 y8 z; a% R4 W/ ?% @- T' D        }% L! K" z' Y+ F3 F* O- q
        bgR = '0000' + fadeOutColour.substring(1,3)/ ~2 Y( L" W, o4 C
        bgG = '0000' + fadeOutColour.substring(3,5)
# @3 l" K, ]7 l4 {* D        bgB = '0000' + fadeOutColour.substring(5,7)
# Z9 n3 S+ [) E4 d7 r+ R2 u        currR = new Array(numLinks);8 R- o6 ?0 I0 A% h- m
        currG = new Array(numLinks);% q" E1 H  |2 D; t4 |( q- G
        currB = new Array(numLinks);
! [. s3 f9 _2 f        count = new Array(numLinks);
( s& h) o* P* o- h  m5 Q$ t        fadeOut = new Array(numLinks);
" y; n; K7 p1 m4 }        continuous = new Array(numLinks);" w# A* S7 j3 \/ i
        newColour = new Array(numLinks);
- o9 _" {; Z; E( V% W7 y, ^        tID = new Array(numLinks);) w4 F  Q# _1 }3 N4 l
        redInterval = toDecimal(bgR) / numFadeLevels;
3 P* J/ V- s7 D4 }9 i        greenInterval = toDecimal(bgG) / numFadeLevels;
4 K3 Z3 [/ s; _% {        blueInterval = toDecimal(bgB) / numFadeLevels;
9 \6 c. E* x0 o7 L. }5 y        initArray(currR,numLinks,0);' J5 D5 ~6 v" O$ ]
        initArray(currG,numLinks,0);
% r0 s" ^; e% H0 T) _* ~3 T% ^( {- x' C5 R        initArray(currB,numLinks,0);7 ]8 j9 s: O% o+ }( B  A2 R
        initArray(count,numLinks,0);) t2 r; C- h3 R# ?$ t
        initArray(fadeOut,numLinks,true);$ H; r. a5 F, O
        initArray(continuous,numLinks,true);7 J! y0 `! j, p9 q
}       
7 I. ^) N$ S8 A0 x5 Z. ~/ f$ ]2 pfunction startFade(id)+ _4 z9 h2 e" Q0 v: ^  H" H4 G
{$ D0 z# f# z. ^3 k3 M; Y9 g8 q
        if(fadeOut[id] == true)* u6 B/ a' \& H" t
        { /*move colour towards background colour (increment)*/) _. [/ G, f+ p* [2 X. m$ h
                currR[id] += redInterval;5 D# j  D5 K3 h; S; `) s7 D6 \* g
                currG[id] += greenInterval;
% M0 Q) x% n$ F( F$ K1 |8 c                currB[id] += blueInterval;0 l1 |4 `& f3 v8 C/ n& s, \5 h
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
6 v' V+ Z" z7 P) M$ ^                if(++count[id] == numFadeLevels)' o1 B8 Y! P; b! x  E5 _" Y
                {
$ C: Y4 w7 z) t+ }                        fadeOut[id] = false;
0 D& e  e8 Y) j$ [                }
: m4 c3 D' e. k% T& b        }
+ U. A6 P& l+ M        else3 |: ]/ r# F3 O$ w" c! m+ J
        {
5 _0 g  q" j% Z6 D3 U                currR[id] -= redInterval;
+ _8 C+ L1 |7 R; {" }/ M5 q+ b/ T! g
                currG[id] -= greenInterval;
; `* \+ E3 y* }, ]. G3 [
  V; v% F# O( U  o$ y/ ~* r/ g                currB[id] -= blueInterval;
: ~3 D; O: W9 d, V) k3 u/ p+ @! T: v3 p3 h) V2 [  v% H0 ^
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
/ k0 `1 H. [7 X& u" Q0 i; {3 C; b, w  |, x+ b
                if(--count[id] == 0)3 \9 t/ u5 A' L% i8 L, i4 P9 H
; N, A) \  c$ D7 f" N- n
                {  l2 x: |# i" R7 A6 Y5 J* T' U
  G- R$ i. A% z$ A# _, ~
                        fadeOut[id] = true;. l: J1 x5 ~* N2 }. n; ~

1 B' O. w/ G5 z, d( X! K- f, u                }% J6 W( m0 h) s! d: w8 f# y
, `! \' T9 s8 d  y* }; H6 R5 k
        }
# [! E$ k6 A8 C5 z: V* o
% H1 _  I. w1 n' T) h+ E6 G        if(continuous[id] == true)
" z) [- o9 j" ?) R( m
+ {5 Y+ T0 I8 e) F" [# }        {
- w6 E1 z9 {. t9 Z' d5 V& k
. }  K& V* Q& t* V                document.getElementById(id).style.color = newColour[id];               
% m% ?( }/ I" `. |) `; i& {% G; Q/ n. x1 i9 u; S/ D
        }( p7 S3 X9 a! [6 W) a& e
3 y! L5 y" i, p* e* Q: k: w
        else
; Y3 @' h; m" r7 E, _$ v) _; W3 M4 ~
        {
; E; |3 u8 I7 Y! Q/ H$ a2 O0 P# k! |3 ~# V6 ^
                document.getElementById(id).style.color = hoverColour;0 w, X# ]$ I9 e$ V
! G" V3 y3 }# w9 }. M; y
        }1 s% P9 L- E( M4 ?

' F1 V/ h; ]6 j' @( F        clearTimeout(tID[id]);
! a' @  m( B' @. w: y) e% J! r4 T' r3 z+ c3 k0 ?
        tID[id]=setTimeout('startFade(' + id + ')', rate);
$ f' {: a1 m; A( Y& e" l
+ h# y0 B8 R% l+ _; I* K1 u}
5 Q8 U- w* l3 T
4 B) C/ S( v6 e1 h$ z6 g$ F2 G  \* efunction continueFade(id)" a; {6 M# o8 U9 w+ k) A! |6 f6 g' \
; s' h. m/ D8 b5 ~
{
+ M, F( u+ K( f! @* ?4 F  B
" c; m7 `* H7 [" l9 R        continuous[id] = true;
+ I3 v; }; d6 ^4 i' Z7 e8 R: _. V4 y7 z5 l5 e) E4 `$ Z! H
}
) w# o5 R) R$ O, w' k
  D2 ~, X0 J8 afunction stopFade(id)
) F8 T7 D0 K1 `$ ?. k& M4 x# Z! Y- u  R4 Y- z; X1 ]  x
{
. q# p6 [1 @5 X& ~
) |7 M; t& F0 g/ s        continuous[id] = false;9 L6 O: g' v. V, s% d

) s' X3 Z& `  z}
% B" p2 R7 z* v8 @; {6 ]0 Q/ B% ^5 R2 C8 ~1 P% W3 l) p/ Y9 b
function StartTimers()
6 y! U# P4 ^  B, o  I- X" i3 O& j4 ^
{        //set up an initial set of timers to start the shimmering effect
0 F% W  z6 {; F4 L
1 W! @# K3 o( B1 f* x# O        for(id=0; id<numLinks; id++)6 p- `: [0 u0 ~0 J, L% J

# c' I6 Q% T! `# ^        {
; P3 d( e; e$ h# Q9 Z8 v5 a! v$ f. J' |. e7 ^
                t=setTimeout('startFade(' + id + ')', id*100);3 d' u) U( z0 `6 _9 j9 F& E

0 B" F& D7 G  ]1 @2 V# b        }$ d$ Y! l* Z1 Y. o: l2 m, @

) y  ]6 x5 M5 m/ L}
$ I# h" r3 d5 ^/ a/ x# w# n* v! n7 R4 l/ F; A4 {" i* ^* P3 }
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')# S+ ?  a  ~* F! ~- g( r1 [
5 H0 K/ E0 b/ M- S  v) s
initLinks('#FF0000', 6, '#FFCC77');- ~6 m  `. q- [9 B+ C
" i3 E  H, U4 l) S  J1 H. [
//-->6 C" {# `& B3 y

8 c( X/ ~7 Q) w3 ~5 P</script>
, g' H$ V/ c1 A- a( |3 b<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
: M# P9 j4 H: @! a; b</a>3 z7 I& a! y9 M0 L& B1 i
<br>2 a* l4 G( u, y* B
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>5 X4 N5 ~( U+ i/ O  V
<br>
2 H# l. ?+ I6 K$ Q4 u<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
# N" E1 j  l' a4 L( B<br>        # r. ^7 P/ {( A2 i' r. k% `
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
" Y" `, g8 N8 y  e% u) N/ n<br>
! v$ ~+ D* b/ j, @) c<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
  F# I& q0 h' V+ C( P: U7 U. H. z<br>+ T( R7 h$ D+ |2 {
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
$ e. d7 x+ K- w6 |: k. P4 b<script language="javascript" type="text/javascript">
. X6 T% J9 {9 o4 B2 s<!--
! m4 p# X* U( V; VsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
  W- q9 B0 |' J- o; C# O//-->9 ?# [* P( l  _  E( u
</script>