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

zw2004

<script language="javascript" type="text/javascript">
: X$ o1 k& s1 f8 Q: z8 Z<!--
, e" N# N& M0 z% J// convert a single digit (0 - 16) into hex2 h# A  s  {9 R4 U% I
function enHex(aDigit)
  V) p* K0 X, _2 D) O{& r6 ?# l2 C" y
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))2 V& f7 N' T; V8 d8 n: M. C
}
9 \" a" e" G" L/ q7 L// convert a hex digit into decimal; h# B+ H7 Y" n3 ]: Z: K7 N
function deHex(aDigit)
; h, C6 [6 a: c' m5 `6 k{: z  \( w) y$ B
    return("0123456789ABCDEF".indexOf(aDigit))8 {3 [9 _  u( @3 R4 ]1 ~
}
4 `) T) b8 q( f; b6 \( q9 v7 C+ |: b
// Convert a 24bit number to hex
' X1 F8 Q( o/ U! N: S! ]" G5 vfunction toHex(n)
$ Y( F6 E" O% B' t% u. f' `) ~{" W5 ~0 K7 X5 R9 e' v
    return (enHex((0xf00000 & n) >> 20) +
, g$ G: T( N0 J6 v            enHex((0x0f0000 & n) >> 16) ++ ?5 u3 |4 {& O& _  B! h
            enHex((0x00f000 & n) >> 12) +
$ ~1 G/ i. r0 W# L, ]            enHex((0x000f00 & n) >>  8) +
9 U- b4 m4 ~! N: y            enHex((0x0000f0 & n) >>  4) +
3 B, B  a) W" _' z+ Y            enHex((0x00000f & n) >>  0))3 Z: h# B# m5 ^( k" R% j) E
}2 w/ V& ~* V3 }: U
// Convert a six character hex to decimal4 P7 F0 D, q9 Q7 T
function toDecimal(hexNum)
3 a8 f- |) t6 U$ q{+ P& O4 S# {1 D; J0 x7 x6 w
           var tmp = ""+hexNum.toUpperCase()
, {+ Y6 e- `8 T8 ^    while (tmp.length < 6) tmp = "0"+tmp6 N7 C, e- @+ L' T9 Y! D
           return ((deHex(tmp.substring(0,1)) << 20) +
$ j% s. X( \- e$ o  a                   (deHex(tmp.substring(1,2)) << 16) +   M6 r- Z# \9 m% }4 T# W& o2 @( s6 ?
            (deHex(tmp.substring(2,3)) << 12) +
& A) M9 ^, }" L" X: f            (deHex(tmp.substring(3,4)) << 8) +  G. \% Q# P& G7 U* J3 ^9 e
            (deHex(tmp.substring(4,5)) << 4) +& E" d0 _6 l0 k! {) Z) f& |
                   (deHex(tmp.substring(5,6))))3 b! i- ?/ P' x
}' ^, M2 d* f, z" @! e# I, n0 a
///////////////////Shimmering Links/////////////////////% |1 H! d6 t$ p9 e6 B8 n# o
//global variables6 d7 M, i& _4 n4 U& U( K, a
var hoverColour6 l# K9 I/ W6 r( {. B/ g: I
var numLinks;
: b5 ?# k6 O5 `var rate;- f; t4 I# c, _
var numFadeLevels;
/ ~  X& L) q* M0 S* l4 D2 Z% p8 Rvar bgR;! @( }! g' k1 [8 N! ~7 f, I7 r
var bgG;) i; N5 ]' A+ j* e3 ~4 P# g1 E$ A
var bgB;
2 F( z! p) H: V4 G$ d- K8 [4 hvar currR;
+ ^2 F8 y8 i  ]% Z6 b$ ^var currG;
0 A; f2 j3 t6 c: k2 E" I. A$ T( D  s/ ovar currB;
9 ~& h) I  {: U  `" Q: Ivar count;
8 ?) V) f) \; A. q# A2 mvar fadeOut;
# u) Q2 v: }! H2 yvar continuous;. {4 U# s; E8 N, X0 N" k' H' D$ J
var newColour;- i5 H$ b5 m' D5 @% ?
var tID;$ g, o" b* `6 @# m
var redInterval;
, p& A- [& |% s+ L5 svar greenInterval;, r: t+ m  q7 e: t: t. E6 k% j
var blueInterval;6 D  M& `9 ?. w; Q" x
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour), M; T! G( i: |: ^  i. T' ]2 X
{
3 J, B0 f4 B3 B5 E$ J5 t        hoverColour = mouseOverColour;5 u: _7 n1 C$ C* W9 B3 K
        numLinks = numberOfLinks;
# a$ Y+ N9 l( N( J- |/ l' c        rate = 1;
8 i# a4 P3 E1 N6 {. g        numFadeLevels = 30;
( j4 }% `0 v0 Q- W: G9 \2 S/ R        function initArray(theArray, length, val)
: H0 J: X, d5 k% S        {0 w# w3 g2 U4 Z# b2 Y
                for(i=0;i<length;i++)
' V$ h# w! r* `2 Y5 T9 f' j1 E                {
' }0 U0 N1 d; [                        theArray = val;0 J7 |0 d' S8 s4 z
                }: U" {# T# P$ y' p& {
        }
& A/ r% \- H; a5 f' a# u  x        bgR = '0000' + fadeOutColour.substring(1,3)8 d$ s! z$ D+ T9 [5 t9 \
        bgG = '0000' + fadeOutColour.substring(3,5)7 [5 u; m$ J4 f) L
        bgB = '0000' + fadeOutColour.substring(5,7)% f( O6 b; [1 l: h" z
        currR = new Array(numLinks);
. G- e9 e* ~. y  H5 v. t        currG = new Array(numLinks);
+ ]) K- S: n- L, a        currB = new Array(numLinks);
+ `7 p2 x- o* T/ z( o, s4 n& v: w        count = new Array(numLinks);! b/ p1 U- Z( \: s
        fadeOut = new Array(numLinks);  [$ a9 G; K/ ^; G% d' Z) z( t
        continuous = new Array(numLinks);
9 o0 i1 L0 h5 L% A! z        newColour = new Array(numLinks);' G0 B  v7 V3 ^; z' V
        tID = new Array(numLinks);+ _- \9 A1 y6 p6 x7 p, S
        redInterval = toDecimal(bgR) / numFadeLevels;; w& Z# ?3 S  F$ K. w8 x& s( l
        greenInterval = toDecimal(bgG) / numFadeLevels;! u7 S, P& V+ h% O/ @2 n2 U( z
        blueInterval = toDecimal(bgB) / numFadeLevels;$ p+ [' S; H6 I3 g  [
        initArray(currR,numLinks,0);5 F) U6 L8 A- s& L
        initArray(currG,numLinks,0);
' w4 a: V2 S, i$ ^8 h4 ?$ y        initArray(currB,numLinks,0);
# e: z+ ?$ u2 u7 Q) W: B        initArray(count,numLinks,0);
, p  V* X: B3 i9 r        initArray(fadeOut,numLinks,true);
% H- A0 T# G. g; D1 G; }        initArray(continuous,numLinks,true);
( Z, Q' |/ y$ F2 K& T}        5 O  A3 p: P0 j* N$ Y6 U8 k% ^/ h% J
function startFade(id)  Q& M: x& r5 I
{
8 U: [; X2 m( h; E% L4 ?* l        if(fadeOut[id] == true)
  Q; s% u, P8 x7 _3 k/ x        { /*move colour towards background colour (increment)*/
! `8 a7 J( D+ J" Q: y8 X* H                currR[id] += redInterval;* x/ U* p" U: s4 l6 u
                currG[id] += greenInterval;
- i4 Z0 j% A9 Q$ w- f- U                currB[id] += blueInterval;% q/ C# t0 e9 l& k
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);0 h: Q7 _" `" {* b( s8 |
                if(++count[id] == numFadeLevels)
  ^! c# ?1 J5 ~* E7 O( v1 A                {
$ q* i/ B, d( x" @( ^                        fadeOut[id] = false;
6 x  R3 d9 `7 ~# V3 k                }! C- u  c7 I- J# h2 ]5 A$ Z
        }$ s+ s5 l2 @# a* S  F
        else8 W6 t3 A6 N- W4 O+ L# S/ a, Z
        {% S* y1 [' P8 L( V1 ^6 i  @! B6 O& q6 K
                currR[id] -= redInterval;
% f( e: m& f* k, \4 {( p% M& i  f" e( P. M
                currG[id] -= greenInterval;) V' X* P2 ~' O" P9 a
1 N  P- m- z8 B
                currB[id] -= blueInterval;" V. Q* k0 K- B* t
0 s8 g  E5 Y2 h% K% X6 W
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
1 B* c2 y" b6 g" ^6 S* ~9 i8 K$ f  u; ~: v. W
                if(--count[id] == 0)8 h/ _1 y- s/ t5 I8 M- i5 B
! r& c8 z, l& O9 n
                {7 Z) f* z2 p. O' P" [' k/ L0 j2 B" ~
6 O# K- n9 g' U0 ~5 Y( Z
                        fadeOut[id] = true;5 P" ~( G2 h" W, R

' ?; u- ]. s+ w% t                }
/ Z3 A# X$ b) k5 a+ F& w9 l  P8 o, E( C* Y$ ~7 G
        }
( P& a0 O! w  y# A1 Y; o& v& c
5 y3 G6 @( N* `! w        if(continuous[id] == true)
3 t3 `& v" Z" W* V0 F' |+ Y& V
1 V- Q3 c) P% W        {9 [( g0 @  u% h, V& d" i! q0 t
1 \# G. X5 l# t
                document.getElementById(id).style.color = newColour[id];               
0 C3 u+ H; ^  d1 q+ L; R4 \2 }: K4 ^! m$ |' y7 a
        }0 }- b0 j$ n# ]% p% M
9 i% A& L, H& u
        else1 x* L% W% M1 I- g! f4 t1 ^! F
7 a5 O: n% W' B- k. @$ s( Y
        {& O( B) V% t9 U
1 f7 S, v. F1 {0 Q
                document.getElementById(id).style.color = hoverColour;+ p& s6 a( F5 R4 N4 W
7 `& b- \  p8 w" K" J, k
        }
! F- ^# M; [# [  g- }
1 Y3 d. A( P7 Z9 x- ^        clearTimeout(tID[id]);  J. G6 s' |9 F3 v6 n

. V  L4 b5 D6 l8 T1 |- n. f0 k        tID[id]=setTimeout('startFade(' + id + ')', rate);: [4 w# B. P2 E7 E
# V# k) B$ o# ]  X% R; ~" q
}
( R$ T- U6 X# R; S. y6 Z
- n$ x% Q0 x4 K+ f- i( E- jfunction continueFade(id)& W+ l0 c. j* B5 L1 ^2 k

9 A: D' h9 h) f# z2 d" s{
! H0 b: }: G2 W6 Z1 I! x+ u8 O! f3 S" S! ]
        continuous[id] = true;6 Z, H. X, a% f/ B
3 A3 o6 g$ j- l+ \7 \+ a% c
}  x4 T4 L6 N+ l2 z: Q

7 N1 A" R  @7 ?- Q. ~function stopFade(id)4 q# v! F- j: f+ i& b

0 o$ D7 I0 G! ?9 L1 e/ _2 o% ?3 y{
! z# a2 W* w+ d6 O3 t) M! r
3 M& u8 O( E, m/ ~9 @        continuous[id] = false;
  C8 F3 y, O( [% P; U2 n; w4 I; N7 B% U4 B5 W- }8 f5 ]! z
}
1 z# k7 J' q8 F1 h
8 b2 C4 A' Q9 U; Cfunction StartTimers()+ f6 q) a$ c5 r% I# D4 l( g

! b% [9 R2 U8 @+ m  _1 X  c# o4 V( Q{        //set up an initial set of timers to start the shimmering effect! H9 C) f$ r" W+ n+ O2 D

- R8 R5 @+ t: G' x        for(id=0; id<numLinks; id++)
- F4 ?& F. U& ^8 t; \5 p4 _) A$ \  A) Y2 \
        {! x+ w/ T, {& b& f  P8 H+ `0 L
$ f" k/ ]! u5 F3 g. C1 `1 m
                t=setTimeout('startFade(' + id + ')', id*100);4 H$ f. ~, _, r. f; S
$ P8 {7 h# o1 r
        }
0 ~7 T4 c" F  a* L% J0 L: R( @3 d# O; ]6 t# O2 v6 K  x# `3 p
}
0 e2 T: k! G0 W
& @: h, M6 _$ e5 ~" W, J! A# x7 o& ?//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour'). `3 `9 h1 x1 D, d

* O5 l+ m6 s; z& y. dinitLinks('#FF0000', 6, '#FFCC77');  G  O9 R! {. O; M0 c$ C5 S, u0 u

( z/ _; ~- r- E! q$ z3 V//-->/ t/ i; v0 M, k* c7 a

/ V5 Q  b  m% D) D  `# X</script>) m+ ~& K, q2 y$ C
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元- m& R, W- f7 Z% N7 l" f
</a>
( o# y4 D5 K# B0 t<br>
- A% U# M, M9 t) J<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a># w9 n! _  f% z2 i/ ]
<br>
! V- {& Q1 J# A  ~, o) u<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
; Q" F/ E9 I9 N1 X2 \( A<br>        ! b3 A! p  A4 V2 f. i
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
" @3 g& v7 {- h5 b<br>
/ o9 K( H* D! _, i' V9 j<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
/ E7 V1 Q; a' L. f: i/ O<br>% n# C2 b+ F% h: Z5 b- j
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>* s0 s* j$ ]2 j) I! N3 ^" f; K
<script language="javascript" type="text/javascript">
7 A' ?" O2 ~5 B" p<!--
% s$ n4 P1 r: HsetTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering( j+ T2 m: u- I' y& T
//-->
, O/ Q' `" Q2 [; E+ j</script>