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

zw2004

<script language="javascript" type="text/javascript">. E: Q4 k6 X' X) k. H- S
<!--
' H6 |+ Z! p1 p2 q7 e( ]9 S// convert a single digit (0 - 16) into hex
0 f* w1 u+ j0 ]) Mfunction enHex(aDigit)
8 @4 z# {2 x3 ~{
8 }: q; Z' y! G% b    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
  J' H7 r. z) [# y8 ^}
2 P5 _3 }) [6 s// convert a hex digit into decimal% ?; e: T# U( o* w" {
function deHex(aDigit)
7 m9 A' y' g1 m  ~6 }# Z{
& n* Y; s2 W# i. z/ X; r( O" T8 w$ B    return("0123456789ABCDEF".indexOf(aDigit)), \, o9 C  U) z' T6 {% O. {: M( T
}
; t9 Y) r7 B1 X) q# e( D* B- j8 p0 U3 e
// Convert a 24bit number to hex% c) \6 W. I( C3 c" f, y) `
function toHex(n)" s- M" m  A: o% c; n
{4 s& ^8 |8 j" i' V
    return (enHex((0xf00000 & n) >> 20) +# G$ p* K: ~3 D8 o
            enHex((0x0f0000 & n) >> 16) +
# }# K- g; {, L2 Z- {            enHex((0x00f000 & n) >> 12) +
8 `. F* e4 Q6 b            enHex((0x000f00 & n) >>  8) +
$ r; j* M1 N4 d# C- D9 V. P" D% `            enHex((0x0000f0 & n) >>  4) +
) T* h& r: t2 s: O            enHex((0x00000f & n) >>  0)); V9 G0 j6 z1 ?9 ~+ M( Q( P: F3 ]
}% l8 o6 s1 I4 g
// Convert a six character hex to decimal
0 I  a. B8 _- B6 i! o) Nfunction toDecimal(hexNum)4 ?. b' \/ n) Q/ s& Q
{
. \6 |; Y  ^* q; ^1 \2 |           var tmp = ""+hexNum.toUpperCase()/ |; V6 ]( h0 M
    while (tmp.length < 6) tmp = "0"+tmp- V! o: x( @5 L% Q. I  o1 X" D
           return ((deHex(tmp.substring(0,1)) << 20) +7 _* y* A) l, u
                   (deHex(tmp.substring(1,2)) << 16) + * z* S4 P  ~& s: z5 O  H# r* `
            (deHex(tmp.substring(2,3)) << 12) ++ Q( b# |9 }( R& T9 V
            (deHex(tmp.substring(3,4)) << 8) +
% v0 u" y# r/ L7 x0 f) c            (deHex(tmp.substring(4,5)) << 4) +
1 [/ }* z& u; o% K" e( @* V* d) R                   (deHex(tmp.substring(5,6))))
  z# f- ]  ~: W}( H+ i' M& {0 y) x2 m. |6 H
///////////////////Shimmering Links/////////////////////
( X' w& H* g8 g//global variables
' f* N8 \8 z9 v# E, k/ svar hoverColour7 z: h8 P6 w/ c' j  r
var numLinks;& G  z8 `+ P- Y, a6 b/ y3 R! W
var rate;
1 X  Q4 U  H' zvar numFadeLevels;
- S8 S. L* n% y$ p2 q; y, |- G" yvar bgR;
9 K) l2 Q  r& g$ ?: Mvar bgG;+ v) t5 H. A7 g# ?  n+ Y2 L0 v. b
var bgB;
) M6 {8 I% @) ~( X3 ?; fvar currR;
$ u7 W) z8 R9 Q5 O  r+ `' J: |var currG;( G0 G3 Z7 }) ~1 J6 E
var currB;. X0 u6 o1 p7 a2 I/ x
var count;+ f5 X6 t8 t& W; c, i9 Q
var fadeOut;
! M$ w+ J/ z/ `$ K% dvar continuous;
* ^+ U% Q# }9 G0 i8 V% Xvar newColour;
& G- e# F5 u& t0 Ivar tID;
* z# Y' h+ F/ evar redInterval;
4 F& g  S' D) {! _var greenInterval;
* B9 L0 d. {" I' V. Z5 z! C( F. Mvar blueInterval;- G2 G+ n5 q( H8 h9 o; ]: f, _
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
( d2 @- t& t/ {- }{
+ ?! Q+ B$ p6 j" P0 p        hoverColour = mouseOverColour;
( M- m# f1 {8 T6 [7 w% G        numLinks = numberOfLinks;
2 V1 C! ^0 P1 S3 p" Q$ v' A        rate = 1;
: ^& S6 @! |1 ]( \9 G8 T3 |3 P" O$ p3 \        numFadeLevels = 30;% M( t" Z8 N2 k9 f. c/ X
        function initArray(theArray, length, val)
4 `( w/ t" t' H        {- J6 z) V! h) x/ U0 B& d4 X- e
                for(i=0;i<length;i++)
5 }3 D$ K" t4 c" r                {
# L; j1 {, p# n; \1 F                        theArray = val;7 x/ r. M$ R( _0 }
                }3 p8 Z8 b8 L  Y% `, L. G- _
        }
: Q( N' \! I" D; `  m! M        bgR = '0000' + fadeOutColour.substring(1,3)% v. C# U0 v- A  A5 a
        bgG = '0000' + fadeOutColour.substring(3,5)  r- [% k- L: t$ H9 m% ?# k
        bgB = '0000' + fadeOutColour.substring(5,7)! Y% s8 T1 s% M& L
        currR = new Array(numLinks);: _& x4 k( R/ w3 Q
        currG = new Array(numLinks);- c/ o$ q  I. k: b5 r) r) K
        currB = new Array(numLinks);/ L0 `( s8 f+ S
        count = new Array(numLinks);* f1 V  c5 y6 b/ q
        fadeOut = new Array(numLinks);& t; p" E9 h" c
        continuous = new Array(numLinks);
  ~$ u, `4 o; g4 g, b6 y1 {        newColour = new Array(numLinks);9 n% U; s* |) M% u" s
        tID = new Array(numLinks);) l! Z8 x5 f2 M* G: X; u; O
        redInterval = toDecimal(bgR) / numFadeLevels;9 E0 x4 l+ e* Q) K5 T
        greenInterval = toDecimal(bgG) / numFadeLevels;% P. s- S" s! K  B, y1 P+ c
        blueInterval = toDecimal(bgB) / numFadeLevels;
9 _) B/ V) j: z! p, u" D        initArray(currR,numLinks,0);
+ o3 K4 s0 m+ W' s: r        initArray(currG,numLinks,0);: X7 ^# }% \, d# P7 D: i1 b
        initArray(currB,numLinks,0);7 Y1 {% D1 I6 s! r" U5 \/ `9 [) k
        initArray(count,numLinks,0);( \) {* x3 L: e: Z. H
        initArray(fadeOut,numLinks,true);
" n( R4 s/ G1 N- u7 Q, h4 s& S        initArray(continuous,numLinks,true);# |. A' u0 u. @' n
}        : g8 |0 ]  V: x. v
function startFade(id)
3 W, e" i( S9 R. i{
: l" E1 ~2 O- v4 `. I3 E5 o" u        if(fadeOut[id] == true)
/ `# a  f1 k# X        { /*move colour towards background colour (increment)*/& S$ r- U( h& h
                currR[id] += redInterval;5 ^8 |4 L6 E, A4 r& b+ ?+ w+ ]
                currG[id] += greenInterval;
8 {3 G7 X$ D! K5 u                currB[id] += blueInterval;5 e+ I3 b$ N+ L/ G' B
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
8 m2 w7 k5 m) j2 S0 H" G3 F: f& d                if(++count[id] == numFadeLevels)
) {% z. k- i" Q/ g+ N& Y                {8 C$ {* i+ ~( s9 z% y3 A' o
                        fadeOut[id] = false;" ~$ k1 ~- K7 H% V  y' H* g, Z) W
                }
" ~1 G4 m  @' A        }' b; K0 |4 Z- N9 D& _
        else
( E5 m7 v- t3 R+ C# {5 A        {
. D4 w2 F; D0 U7 j; U0 @- H  a                currR[id] -= redInterval;2 ]3 C. Z/ t- U% H" M8 L7 P4 J
0 G1 w: e* q: t  z" ?
                currG[id] -= greenInterval;$ ]4 F6 E7 e6 i5 p+ H1 U. i
! T7 d& J' s7 l3 E- B2 P; {
                currB[id] -= blueInterval;; G- {4 i% a& e; V' U% R
/ b7 G( X) C* V  r+ {* X
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);- X/ ^  p4 L8 C! g' V8 R

  R1 L( g1 A" O  O+ V                if(--count[id] == 0)1 ]1 f) l" A4 {

/ o' ^; m* U7 R3 r* d: R                {: ]& X5 g! @" ^3 O; n

0 t! K3 ]; }5 A5 B                        fadeOut[id] = true;( @4 X" h. O; M) J% t

+ u& j  e) P! L                }
9 M" q# x* J0 p& u  O) I; l7 o% ~& W0 q4 C
        }* O  A) m% i* |9 x; |
3 p) o8 k: Y  J. {0 C$ E
        if(continuous[id] == true)
; l  x: G; c  F- c* `
- _: g. ?* e: A: P9 N, w        {
. G4 T; o5 t' }: V" h9 P: d  V" B- S+ h, @
                document.getElementById(id).style.color = newColour[id];                5 G2 B4 Q+ o- C" U
3 ?  M5 |* n: r' x
        }6 ^" l5 ~) H% d6 }

# C9 N9 Y+ {0 m        else$ L; \# n+ q7 f$ D- R' W- z9 g* x

' N+ X. K# }8 |. t& z        {. d1 q! z& L  k. K& x9 ^7 g

/ }' r) k, q) q0 }0 P) x0 @% ^! B2 I                document.getElementById(id).style.color = hoverColour;  v5 a* O8 Y8 Y: ?# q
$ H8 O6 z. ?5 U9 e# H- v) c" t
        }
: I; [2 I, F2 d3 {2 |: y. u" M9 ^  f* k
        clearTimeout(tID[id]);
' e4 T6 N% Q4 {2 h- U# H
! l2 L1 |, _$ |        tID[id]=setTimeout('startFade(' + id + ')', rate);: `. c$ x7 z9 h4 g

# m* A) F& `! B+ t3 ^/ W( _' V+ Z}. g' _9 d1 P, V9 P" M- B; C# D

/ K5 r# K; _/ V, `6 mfunction continueFade(id)0 X0 M+ p. {3 R1 l5 w
: R/ T5 m+ r; A) N
{' Z  h! Z6 L; D# o7 ?8 w- [
3 d' q& U6 p# A8 |( a1 w
        continuous[id] = true;
! e' d  q6 \& t5 n' T
4 u7 h' ?. E1 {}$ z, a! i4 {( z

$ [4 E- Y0 n7 ]* }4 f$ {function stopFade(id)+ b1 Q" g* t' Z! {+ b! t: a

1 n6 G  ]0 j, T/ z8 d$ w: n{1 m0 k: B! j  X& y

+ D  c& F: T3 v7 t# u- v        continuous[id] = false;) q, ?! c: W8 T  x

' L1 y( ]; z) l! f}+ z# Q: r# d# D9 d6 @/ [: G/ I( `

, O3 |2 C- p/ A3 c' Rfunction StartTimers()' `1 Y5 q% x+ ]0 O& l: u0 k
0 m) y- o; z$ L9 g
{        //set up an initial set of timers to start the shimmering effect
  Y0 g& B" U- N. a( n; N" s. J$ L3 u; s, t$ A% G- h5 T) B
        for(id=0; id<numLinks; id++)7 ?1 ~( t# r& v) c; I1 j: G

1 ~3 f4 D$ n* J  o        {
" b  H8 P. w/ _0 q3 _* p; h! [. f4 l9 L* P
                t=setTimeout('startFade(' + id + ')', id*100);0 v# Z7 v9 x0 W% h; z2 g0 S

% ~2 y5 U; X2 K; K0 h/ V& o1 H$ {        }
# A4 d$ Y* L+ Y: V: P
- ~/ K- ?2 g$ w7 I8 z2 ^}
. O8 B6 F# X$ `8 [' w6 p/ X- H; [; t: j4 Y; b! U
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
' M) L$ Q/ r, U- T: H8 f
: m+ n. L8 j! W+ V4 DinitLinks('#FF0000', 6, '#FFCC77');
8 U/ U. Q+ t- l2 S! w; [; [! m4 @# M2 T( p0 t2 e6 f
//-->& d. P# X0 Y4 m6 j8 ]

: {# t: C& x" x( |( ^, z</script>
# X# T0 K3 w/ W+ Q3 K' f, F<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元1 Q! R' g% W0 h5 A; O) O9 ^, G' {) L
</a>) M/ b! A/ o9 |$ {
<br>! x$ F3 Q# h) X: o+ s
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>: \, H% j6 \8 ~# ^1 Z( {1 `
<br>
4 \) T! w, z& }+ @( J! t* H. j& {<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
$ Q% X. D, H3 f3 r<br>        ) t% A' G; H" U
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
/ v2 `* j) b2 w4 H7 E6 J' \( f! T<br>
4 Z$ K" F6 x' s  \% P9 d<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>" ~1 r# S0 \5 o* I; X) c; \; e8 T
<br>% G& q# N/ q* c# ], Y: D5 F8 \
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>  I# m; _  h) E9 l+ G
<script language="javascript" type="text/javascript">8 s! e* L4 P8 ~: l9 W1 c
<!--- x+ ~: S& S6 y  h
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
# N, `, l7 L% P6 j3 r. p/ t* y//-->5 {  Q6 z5 |/ R7 f4 ~
</script>