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

zw2004

<script language="javascript" type="text/javascript">& g% X* M  l; h2 }8 O, S
<!--
" _6 W" Z' {2 `// convert a single digit (0 - 16) into hex
. u! M, ?2 Q1 x0 k* v# t6 Dfunction enHex(aDigit)  v8 \: x' M5 k5 V" e
{
2 ]2 `! x- N' e! g    return("0123456789ABCDEF".substring(aDigit, aDigit+1))9 W0 ]. |% J. h' A2 s
}
3 k& Z3 I2 c+ s) Q$ X1 W* j// convert a hex digit into decimal
* ?9 i( R) c  J! y  o; S5 a- c& Hfunction deHex(aDigit)2 {% Q  ?6 Q8 {  R: x
{# ?: N" q6 \5 t
    return("0123456789ABCDEF".indexOf(aDigit))
. M; b+ X5 Y: J( i. X( o}
2 j6 k% o) l; a) E' Q" i. r8 u
# C; g4 J5 I; }  a3 b// Convert a 24bit number to hex
  a- N/ D0 H: ]! \/ i$ I6 Ifunction toHex(n)" x7 B' G* `  p2 n& z3 v
{
% x2 s7 S& Y$ z6 c    return (enHex((0xf00000 & n) >> 20) +3 S' D% g  g/ z/ D" l( N
            enHex((0x0f0000 & n) >> 16) +; j1 ?  Z6 T; t! _" P
            enHex((0x00f000 & n) >> 12) +
' Z) g( ~6 K8 ~4 H! Q& w            enHex((0x000f00 & n) >>  8) +
; {" R, n8 G$ B) ~1 X% D            enHex((0x0000f0 & n) >>  4) +& }1 V  Q5 E( E1 @5 b! F
            enHex((0x00000f & n) >>  0))
" r3 i8 v9 Z( y7 z$ d% U* s}
/ @/ f+ E4 m* _% y0 T6 @' @1 }// Convert a six character hex to decimal# j' A6 C# j; i- @" v  n2 c5 N
function toDecimal(hexNum)
' d' c" x1 Q: n9 ~{
) u7 y0 I4 Z# c& _2 }' f7 d$ r           var tmp = ""+hexNum.toUpperCase()$ u7 H/ q( @' ~) U& u5 ?
    while (tmp.length < 6) tmp = "0"+tmp
( e) [6 J( V* J+ A6 q           return ((deHex(tmp.substring(0,1)) << 20) +
& m. I- y0 y( k5 F; a4 ^* j' n. F( ?4 I                   (deHex(tmp.substring(1,2)) << 16) + . q2 ], R5 Z) ^, U7 q- s
            (deHex(tmp.substring(2,3)) << 12) +
" `$ g3 k+ N8 Y4 @  c5 C  L) l6 U            (deHex(tmp.substring(3,4)) << 8) +9 i6 v& o1 W& p6 R  W/ V0 q
            (deHex(tmp.substring(4,5)) << 4) +6 p! G& S6 W' ^# S
                   (deHex(tmp.substring(5,6))))+ t' Z+ T: h) ?" o
}% }. x7 S; l( X$ u5 S
///////////////////Shimmering Links/////////////////////5 i+ J3 f3 o+ k7 }7 m0 v. ]8 n. e
//global variables/ v! K% h7 H4 `( i( c# B" c6 u
var hoverColour
3 l2 `7 V/ h- x* ivar numLinks;7 Y; a+ b3 e0 q9 f, z+ f
var rate;: g3 ~, z8 {1 z" K/ ?/ W
var numFadeLevels;
% r, F; v( \7 M" H+ K$ L5 m$ Ovar bgR;
  d4 W. n+ O0 u( k. i+ R5 T4 A2 Ivar bgG;& l  [" h' k6 m& t* p
var bgB;6 X& {# b/ p1 @' z6 ]0 k0 j' h: X
var currR;
: R3 c) R5 t% f. O! [2 j$ G: \/ D+ Gvar currG;, a. }) r4 b" V: s, ^* ?7 z; Y! w
var currB;
1 n: U  G; v) Q* q7 C. rvar count;
- |8 n7 e1 Y1 A# svar fadeOut;
6 x/ A% u" E1 h7 Dvar continuous;7 a+ D. M& |0 a9 q/ @
var newColour;  M' G1 H6 F3 A% n! ]
var tID;
% M) f% P4 d5 Q, l$ a' k8 q5 c* b! Dvar redInterval;
  U3 P: J/ {% s- W# ]0 Cvar greenInterval;  z4 @7 c/ S* D+ d* p# y; N. ?
var blueInterval;
- u8 h/ c/ g& U& p; rfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
( x) m- c, U% b{: S- j# G" }; a. K. K
        hoverColour = mouseOverColour;
7 ~; }, w4 R( D3 w; O        numLinks = numberOfLinks;
/ G1 T2 e/ g  x& x, N* V+ c6 o        rate = 1;
9 T6 G; I) `6 E7 c5 p; e        numFadeLevels = 30;8 H, |5 w5 ~+ n* e* h
        function initArray(theArray, length, val)
) s" I( d2 g/ l+ q4 P8 j        {) n' {- }0 `3 V$ T2 b- u1 ]" {
                for(i=0;i<length;i++)
+ |: W/ W) b! Y7 ?                {1 C& U* ^: |/ e4 @' z4 M, r$ v
                        theArray = val;
/ _9 s# u+ F& |4 n4 n! E7 i                }2 Q' k4 }/ S$ U
        }
# k+ v9 s5 r4 w! ^+ C5 k/ {        bgR = '0000' + fadeOutColour.substring(1,3)
* R. U. _, ^9 D1 Y9 ~% c% S( d        bgG = '0000' + fadeOutColour.substring(3,5)
  W3 d9 B% t+ F8 e* N        bgB = '0000' + fadeOutColour.substring(5,7)
( R3 A1 b  R4 n. L8 u        currR = new Array(numLinks);
7 p& l& }3 ]+ ^1 M' ^/ s        currG = new Array(numLinks);
! @2 \: |3 t( y4 H8 c$ _8 g1 r        currB = new Array(numLinks);
  Q  X3 V' O  Y: r" A! r6 P! V        count = new Array(numLinks);
& k) O1 Q$ N5 W  c7 S! R        fadeOut = new Array(numLinks);
2 x$ F/ t2 i  Y/ \        continuous = new Array(numLinks);* U* G9 W/ w# `) N* b. N
        newColour = new Array(numLinks);8 R7 t4 {/ U5 [  D
        tID = new Array(numLinks);) a$ w# o- ~/ u' ^7 X
        redInterval = toDecimal(bgR) / numFadeLevels;
7 X5 o. q  {7 c' j' e$ r7 ^! u. H        greenInterval = toDecimal(bgG) / numFadeLevels;% @8 R  I6 m9 }* n$ F$ W  w: s
        blueInterval = toDecimal(bgB) / numFadeLevels;
/ N# i9 ^: |0 m/ H1 @        initArray(currR,numLinks,0);# i: p  j8 h: h' @; E! J, Z
        initArray(currG,numLinks,0);# P* {) }6 A, w
        initArray(currB,numLinks,0);0 G( `2 s; s7 q: i
        initArray(count,numLinks,0);
# r9 y* u9 s; |/ d* D8 c) O        initArray(fadeOut,numLinks,true);
) F0 |. c& @6 j" S* m- h" U        initArray(continuous,numLinks,true);3 y7 U5 k/ x6 T7 @) Q
}        6 r( S! {) w% @* W4 E- q* T
function startFade(id)
  @# k* |, {. w/ G{9 w% L/ ^8 M7 d3 \
        if(fadeOut[id] == true)
$ L3 N0 ^2 z# ^+ z! ]& P6 y+ j        { /*move colour towards background colour (increment)*/
7 H1 c' \2 u" n2 P; O: l" n                currR[id] += redInterval;# l3 z3 y- t6 c( L# f' t# W# K
                currG[id] += greenInterval;- d' }9 x8 Y1 n# p" y: |
                currB[id] += blueInterval;& c- U6 s, ^% [/ V
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);  J% S% f. E- _6 S; a
                if(++count[id] == numFadeLevels)( p' l; C- M6 H0 s/ l
                {5 ]! o5 e- f; ^+ |# D7 |" y
                        fadeOut[id] = false;9 X( W8 Z% T/ n) P+ |3 f
                }
# b* _2 w# t7 z3 C- w; L        }
4 C. _$ H6 U* i) D6 I4 B        else4 H2 L% u. k( m4 g
        {
- k; t  x: O' P% b                currR[id] -= redInterval;
! a: x7 L9 o4 U' }0 N9 g8 J; [2 @& J6 P+ x& C
                currG[id] -= greenInterval;9 G, [% y& ?4 B- a# |

$ W( _4 z! E3 ^* [6 p) f                currB[id] -= blueInterval;
  d1 c+ O" B6 C. V8 M# b1 I4 R/ P" e/ p  t
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);5 @8 a8 g) S; K# t5 `
$ z! L/ E. D. K, Q
                if(--count[id] == 0)
1 Y; D; u; o( K5 I  c
$ u' ~! C# w) D- [- m3 l# W                {- \" I9 @. G2 t3 Y) Y( c5 C& J9 W  @
# G8 [; U/ S6 W, q. |) T6 ~. Y8 a
                        fadeOut[id] = true;
9 R1 K# x. M# O9 M' ]) c
* O- }' i0 z2 H                }
/ f$ Y" P+ B1 J6 a! A1 R7 v: K/ A/ A$ f
        }
3 {: e4 j" {" P" _9 ?1 V- i5 u' q6 R
' b1 q5 O( C7 I/ z7 x$ q        if(continuous[id] == true)
* |2 z) @$ ]# B( Q- a0 Z9 V3 ^& g. P: N/ w& U
        {8 ^! j$ G, s/ y  H

; A0 R& e' L$ w! S9 V! X7 q                document.getElementById(id).style.color = newColour[id];                , C" k" a; S% r0 O" t- z

/ A2 g8 ~0 u! Z' ?( q        }
9 [* F" e) e  s) m. R' n: H7 \% ?' u
        else9 E6 y  r. f, K/ y$ T% o; z

/ Q: p# p1 m+ L        {
% C1 \5 B$ q& g4 D: q) Z
7 `7 `8 h0 s. e                document.getElementById(id).style.color = hoverColour;+ O0 U& h2 _5 q0 i

4 t8 k$ D5 W4 |0 f2 {3 Y. w        }
' o# R/ h* [4 U/ |5 ?( g' c0 d, N5 d* }" }* Q
        clearTimeout(tID[id]);. ?" L4 B, t( k$ e+ K" Y( I' V

7 {. q3 S. `" |" D' a2 b4 k0 C% w' q# x        tID[id]=setTimeout('startFade(' + id + ')', rate);
6 c0 R1 \, f( H% k, p  S4 W4 S+ B4 N" ?6 O+ }7 @* Z
}
4 m; |( \3 c7 ]; H4 }! t4 Z7 n" H1 L% r( l
function continueFade(id)9 s. {% a4 ~( f* t+ V
1 ]- ^, c9 M9 v, T* U; e; q
{
5 i" f( C% Z9 Q: K: W3 q8 `
# P& o8 l% f# Q3 i        continuous[id] = true;- A* O; F( Z, \; R

" @8 f) n! T/ B/ M7 ~}
" X! o: G5 ~& C2 X# i- u* H0 Q3 I; ]# M; _" A. l
function stopFade(id)& M1 \* ^4 J8 [) I+ y

% T, r( e8 n7 m) d. A& G  H{7 I0 i' A$ g; B; ~5 j* U
4 T+ \, ~9 k$ n
        continuous[id] = false;+ o3 j3 r( P6 ^& ^$ r- I/ D

" ~: I3 M$ O' p" x}9 A. h/ M7 N" q5 u
2 P! w8 i$ B. u' [
function StartTimers()
' j& A1 x5 t) T9 }% G- c2 @* l9 `
: ^! G! N: ?. f0 S' R+ F{        //set up an initial set of timers to start the shimmering effect7 Y& y( P' B( x3 `8 I

! @7 v& O$ F8 Q$ T7 G0 _* i        for(id=0; id<numLinks; id++)
. G- h% t& R3 e
2 R( K/ |9 c/ W/ N% l9 E/ F7 @        {) D4 t1 C$ L  O/ O% R5 f
. k7 Y6 {9 A7 Q8 t/ X* L
                t=setTimeout('startFade(' + id + ')', id*100);# Y0 R/ Y* l. {  ^/ \7 w/ j
$ @0 o6 z1 s! d: V- ?
        }. o9 f2 K* h* D$ m9 i9 {: ]1 n+ C
) J5 _8 g" Q' s! M) B) l  [# p  f
}
9 `' ]2 ]) s% n% W3 ~8 _0 |- O# }1 A1 A4 A: ~# z
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
: S/ ?9 w, g1 w: A7 u! y# d  x" Y. r
initLinks('#FF0000', 6, '#FFCC77');( H% f! c6 Z6 @" D; F

' a2 ^0 x0 X8 f% F0 w//--># V1 _, s" C* [$ [: k0 I" v; |

( F' k7 @" k( w# B' Y  ]; f</script>
2 u( ]8 p8 {9 L9 P6 E1 S<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元) \# z' i& q& |; c9 N
</a>3 H% A" E% x) g* m5 u/ S; X
<br>
4 [+ R+ \' k" ?( ~# |<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
3 J: }9 c8 e8 D( a& _4 ^& T$ w<br>
; i$ y  \' U. y/ g1 w4 e<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>. b* d/ I( }' z. C2 r6 t# W
<br>        4 s4 f. b# b% U
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
% ?# A  \; S; k6 i9 N4 ?<br>& h/ H9 I, H+ [* {( h' r, V) b: K
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>3 {+ ?3 D: c" h) R" t0 X
<br>; ?  U% u( _0 p* J' W
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>- u$ p6 s0 Z" {: O# Y5 |6 q% E
<script language="javascript" type="text/javascript">  F4 i) e' T2 m; `
<!--9 D' `3 o5 e) {; `3 H9 `3 l8 K" f
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering- o  r6 [1 R+ k1 ?# x) v: w
//-->. z4 F# s) N3 j, A; D1 {4 ]
</script>