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

zw2004

<script language="javascript" type="text/javascript">6 G* J* D, @6 h) c, D
<!--
9 D7 n. {0 a' [2 M$ R% K// convert a single digit (0 - 16) into hex% l  D* |/ R  u1 p5 v
function enHex(aDigit)0 |- D! Q- H3 `* Z+ A- G( e
{6 F; g; T4 _# h  G6 l
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
( L+ Y; [6 J0 e1 C* `6 M5 i}/ P1 d$ |( O0 x# O( C
// convert a hex digit into decimal- R( a2 \3 c$ ?( _/ l
function deHex(aDigit)5 C" I  w5 d0 S3 \! {! w+ {& L3 |
{: I+ j7 [: g4 o
    return("0123456789ABCDEF".indexOf(aDigit))
" U1 h. a) P& d: R) [}) N4 F$ M/ d1 `) P- e* }$ S5 ]- J
) z( G7 p+ ~9 I' Q6 [6 w
// Convert a 24bit number to hex- [# M$ ?1 `1 h3 z
function toHex(n)
" v( \1 M# }0 t! a/ t" i; S{
7 w/ |5 ]: G8 }' g    return (enHex((0xf00000 & n) >> 20) +
* V8 v$ m3 G$ F; e/ ]$ ~& c            enHex((0x0f0000 & n) >> 16) +  b2 D# X% n: h
            enHex((0x00f000 & n) >> 12) +" {3 U4 V6 i! C' U2 t# P: L  w
            enHex((0x000f00 & n) >>  8) +* ~9 C$ d- b  }+ G. s
            enHex((0x0000f0 & n) >>  4) +7 l4 D* u; S/ y' u. r9 Z
            enHex((0x00000f & n) >>  0))7 e/ @* }+ P9 L# K1 K; L" o0 l
}
1 k# P. Q$ A/ P+ k" t// Convert a six character hex to decimal
& z: F. e/ \9 `/ W: lfunction toDecimal(hexNum)
" l. i5 u. f7 P8 ~{1 U1 C# |# \/ a
           var tmp = ""+hexNum.toUpperCase()
: M  Y% R/ P; A* j, M" o9 J    while (tmp.length < 6) tmp = "0"+tmp0 O' q- p, d$ [% I+ Y- c5 p
           return ((deHex(tmp.substring(0,1)) << 20) +& {2 M7 f, F0 O9 s2 W
                   (deHex(tmp.substring(1,2)) << 16) + 7 c% q6 R! o9 o2 r) Q; |6 f
            (deHex(tmp.substring(2,3)) << 12) +
  F$ T* C' x: p2 a            (deHex(tmp.substring(3,4)) << 8) +
+ j! \6 r6 Q4 a- ~' w9 L1 ^            (deHex(tmp.substring(4,5)) << 4) +2 m- z2 Z( Z" w4 v! n! s5 }* G% \* d
                   (deHex(tmp.substring(5,6))))0 P, z& ~; A: x$ m
}, C* w5 j, }# h0 u- Z
///////////////////Shimmering Links/////////////////////
- N! s! Q9 `$ N//global variables
  w' `0 h8 e$ N& p" a+ |var hoverColour8 @, a; F: {6 v5 I% ^/ B. X1 C" p7 g) r
var numLinks;
. n/ I( {/ F2 I1 l5 s9 tvar rate;& X( n2 d$ f; M9 c1 U
var numFadeLevels;9 a0 q9 \) c( _$ O0 y
var bgR;
9 `( l: O, W* A  r8 ?4 Kvar bgG;& T8 y+ R& O, g6 J$ O1 X. H
var bgB;
3 B  W# i$ e  G, ?( h# {var currR;$ b3 L9 t: ^  _$ f, B% ~4 D7 Z, z/ m( w
var currG;$ X8 h- b. ~: z4 Q4 L
var currB;6 M5 O! I# i5 C+ p) m, c
var count;" n! }; f; r6 G3 z2 Y7 e
var fadeOut;" v* i7 i, ^" ^
var continuous;4 [( t, b0 Q0 ?, [
var newColour;5 ]1 C) q  ?1 i7 r+ \  N9 P
var tID;
: p# m' ~+ }+ B+ Wvar redInterval;  K% f" [( Z+ \& I0 \; p2 [
var greenInterval;
! |7 ]8 H  P+ j) E1 fvar blueInterval;
6 K& z4 a: b* P$ D' j+ m. f7 Vfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)' h, i0 C- E! r- D9 w( v! n
{
# p4 {. P6 M: K. K8 B        hoverColour = mouseOverColour;; U+ N9 ?" T) k5 i# C" z( u9 {
        numLinks = numberOfLinks;1 S8 B3 B" ]1 D1 ^' b/ |- @
        rate = 1;
3 {0 f: _3 C* `6 _+ w: F        numFadeLevels = 30;
2 f# }4 ^$ a# x" L9 A. L6 v5 _        function initArray(theArray, length, val)/ w( a2 z3 N( d; T( H8 I+ s
        {
  K& r9 d& Y4 }- T% V6 ?                for(i=0;i<length;i++)
/ }# e, I( C, a5 n                {% c6 S. w9 ?  G. n" U* ~2 z
                        theArray = val;. k/ @! E5 B) r( |) t
                }; N+ i  ]& s6 b1 C8 v& [
        }
% \* w! J) E3 P, N5 B% V        bgR = '0000' + fadeOutColour.substring(1,3)
1 x; i2 F& h  l7 ~* V, l        bgG = '0000' + fadeOutColour.substring(3,5)
: Q! K* D* y$ |/ B+ r8 u) Y3 Z& h/ _        bgB = '0000' + fadeOutColour.substring(5,7)
" r$ O- m2 J, |  O$ F        currR = new Array(numLinks);
& s: M9 u5 g" M6 W/ h1 d4 |        currG = new Array(numLinks);
6 [% X" h9 j6 z2 j* D6 B        currB = new Array(numLinks);4 @* B) F5 E5 E/ P
        count = new Array(numLinks);
" j2 W3 J$ r  y& a! M/ ?        fadeOut = new Array(numLinks);: N4 ~5 H$ u# N& `/ j0 Z( ?- {! y9 J
        continuous = new Array(numLinks);: m+ q+ @  s# F+ ]9 _8 Z
        newColour = new Array(numLinks);2 N" g! K! y7 H* L! a
        tID = new Array(numLinks);3 b8 Q6 A3 {) s
        redInterval = toDecimal(bgR) / numFadeLevels;4 R9 ]5 A( U6 U5 s9 P5 W
        greenInterval = toDecimal(bgG) / numFadeLevels;/ `6 }" b0 v0 E. F7 `
        blueInterval = toDecimal(bgB) / numFadeLevels;* I2 P+ ^" B" G/ E) e2 W1 L
        initArray(currR,numLinks,0);8 f' z1 W3 z" J/ O1 _# B! m) ^
        initArray(currG,numLinks,0);
1 [% z: T: b' J- E" E0 H        initArray(currB,numLinks,0);/ o5 g( j" y6 J
        initArray(count,numLinks,0);2 T3 w/ n% q% ?4 v& b
        initArray(fadeOut,numLinks,true);) D! J4 P3 K9 @. t/ |+ X( B9 x9 y
        initArray(continuous,numLinks,true);
  s4 F# @  Z; P5 u* e}        / _8 b4 P; I, L% Z( y
function startFade(id)
' \! j1 T& _$ x: L+ `  S' ]; u2 m{
5 S1 X' a) }. Y( D% p        if(fadeOut[id] == true)3 O1 M6 x, @/ ?' I- t3 o& ^; C
        { /*move colour towards background colour (increment)*/. ]  j% P* a, L$ U9 a  p
                currR[id] += redInterval;" l+ e. Q- t, E
                currG[id] += greenInterval;
# H) x2 v9 b* q( `+ L% K                currB[id] += blueInterval;
- v+ a) K0 g. V) x. W                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
6 i1 e; E" V2 T* h2 V& R# S3 D7 E                if(++count[id] == numFadeLevels)
  e; e9 t3 L' a% D0 x# A                {
1 i( d1 ~' U( v" P2 k                        fadeOut[id] = false;/ n4 D& U- O2 Y, W. }9 H, W9 g% i
                }1 {: F7 @* g6 f2 O* M  o# {
        }
+ n, i& B. Y8 L. D        else
, }# Q9 N$ f: n' X        {% @# ?* ~' H" m" ^
                currR[id] -= redInterval;
5 K- M# k5 G' F+ f$ x  ^' ~( P" i* Y+ d4 I1 j1 B: I3 s8 `0 J
                currG[id] -= greenInterval;
2 i. a0 G! V; i/ v  W9 F* }5 G7 T# M$ l5 f
                currB[id] -= blueInterval;
$ O. ?0 L  P4 u
9 O/ i' S) ^' Y, j2 O% L- D1 C                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);( i9 I' o; Q. }3 }- B* s# h3 ^
) S# G. a- {1 L9 L6 I6 e& U
                if(--count[id] == 0)  X9 M- A- `  W/ G! ~+ e. {; `
8 T6 {% x  R! [9 K0 m" L- O
                {
" ^0 E3 Z: M5 I9 I# E/ I, f7 T/ e
4 T3 q; @& a" z/ @/ F                        fadeOut[id] = true;, S; V5 ]6 Q8 Z, G4 O1 T4 X

: N& o! I0 ?+ k% c- u                }9 u$ ^2 l9 C6 l3 F8 J
3 b6 L- R9 Q% W+ O, t2 H
        }/ [8 g# x; s9 o3 F$ ^

. i2 i( S2 p5 `) j        if(continuous[id] == true)4 L0 T0 J# l: X8 f) c- O+ M

, R2 F7 b# C) W/ Y5 K- g' x        {
" M: x9 f8 s" x2 a* `1 k, w  J, e2 }0 F8 f# v  M7 y
                document.getElementById(id).style.color = newColour[id];                5 j5 w3 p& Y4 F# S% U" `

# _5 m& d7 U8 y6 i. E3 I        }# u6 B+ C& Y$ b1 f( W4 [8 h
3 P5 W( J+ _$ ]% N5 N; i0 @5 B. |
        else
) f' \0 x5 a1 o; }$ G- _% C% A$ q6 d; d
        {
5 I4 H, r* \& |7 V1 |7 R+ B9 f) ~1 [1 x/ r$ t* S* N, W
                document.getElementById(id).style.color = hoverColour;% Z* p8 c- E' B, v- Q
3 j7 u. q3 M( @3 G. q; a
        }8 U4 m4 |( r$ n- ~4 s( n0 X

, d: w( G  T7 d7 A        clearTimeout(tID[id]);
- P; N( u: w8 J; S( w# A3 Z' |* p
7 g$ a; I6 T) w% x1 N( T        tID[id]=setTimeout('startFade(' + id + ')', rate);
; J0 ?, j' e* M% F; e# l0 [* _3 C! t) a9 {& s8 D
}2 ]1 l% I2 i1 @+ d" x# p5 m
9 Z3 \4 D5 p4 M+ u" v6 @
function continueFade(id)
: P3 Z: m3 h- @; |% e% l
: r' r" [% e! _" M  _7 {{
7 P4 Y3 [; i0 _/ B# c9 A+ x! \2 u) |/ v) f3 W$ k
        continuous[id] = true;
8 Q' S& D; Q( s$ e; Z1 N' e# a4 f, i* L) [5 Z+ T
}0 w2 j* a! F" S( }1 j6 Q8 H
" O( a! ]/ j' M$ g, r
function stopFade(id)
% Z% S0 ]+ v8 B6 o
1 Z2 s* A3 I* Z2 w- r+ e& P{, |+ C( u3 ~% a. [* y* L

: A2 W0 N; p7 t8 \) D  @        continuous[id] = false;5 Y9 D0 h  f# q% ~( w5 L

( T/ M; s' @+ N# J6 I5 j+ ]}
1 m! ?8 O3 R8 K1 M* t5 m8 V; Q/ x/ R: L! r
function StartTimers()3 h3 H: h0 H! h- U# r6 E6 Y
" y, F' J- D7 h/ F& u. p) k
{        //set up an initial set of timers to start the shimmering effect' }8 q( k: H8 T0 Y( b0 [

' c: B" U  o$ ^' F        for(id=0; id<numLinks; id++)* h0 @2 f. Q8 r
, q4 V* d9 D0 w# ]
        {! Q' a+ |; |' U+ [5 Z- X9 x3 v

/ n; j0 M# \7 Q/ k# H, O                t=setTimeout('startFade(' + id + ')', id*100);
  c( A/ R; `8 K% u
. A8 G: {, i  ^( H" I+ j2 M' s        }& H" }- J  e  i  ~8 k" [

1 ~3 k3 O3 ]4 ]4 i}  {( {& y1 R( f& S; O7 K

' C3 w6 @) |! T6 w6 J) C//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')6 c: ~# Z" b' W) T$ r) X# P

, P. P1 J# H, w8 r, U6 jinitLinks('#FF0000', 6, '#FFCC77');9 M8 r% H3 z( b( a4 z; b/ b9 Q( ^
$ s8 |- j+ r1 E7 j
//-->* c  E8 m) T# b: Z$ L6 ?8 w0 n

2 {  r( j3 Y& O' j! n8 {/ B</script>, S: U( N& d& j! @- r
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元- z' d% u+ ]4 ?$ c
</a>
3 n* N. Q2 r! W<br>  }$ e  U9 q- w) L& C
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>7 @6 D" e$ n9 c$ M/ j7 T' I5 M
<br>
2 C. [1 k5 F) \) r- B8 [( s6 ~<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
2 H; b1 |8 L. z  _<br>        7 n: h. I2 Y0 l
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>: Y3 y% F7 X5 B
<br>
) b6 a$ B, N9 {9 f4 V  b<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>8 v" T. N+ y, h+ q
<br>
" b( f3 D- n, y0 d" }4 u# u<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
: ^+ p# U4 e% e( ]6 m# |6 h, h<script language="javascript" type="text/javascript">
9 i! W! b/ n8 O/ u<!--9 w7 |" _; q# S
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering- Q7 B) A1 g' A/ ~# A2 v$ o
//-->
! t/ k4 F, x4 }! k- `- d- P) Z</script>