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

zw2004

<script language="javascript" type="text/javascript">& F8 \5 m5 n; d% g& q1 i
<!--: d+ I8 B# J1 m
// convert a single digit (0 - 16) into hex
" |) g) i, x/ `% D4 ]function enHex(aDigit)  W. q3 [: v2 h7 o
{+ K/ ]( I- T) \0 B: H
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
1 T  A! G# v, H}5 \' J' N% T; W
// convert a hex digit into decimal6 O( q8 b4 {! v9 u  a
function deHex(aDigit)
; z! Q: w; D: ?: Q7 j{
% Y* R" f) U2 w    return("0123456789ABCDEF".indexOf(aDigit))
& J* G; x; ]3 |1 c; f}$ T& j. X7 ^' p* P/ U

0 E0 b- @3 G% ~" @9 [// Convert a 24bit number to hex
2 f/ ~) T$ R/ a- i8 k# Qfunction toHex(n)+ O: `$ l# W5 y  f
{* e% z- _! i1 j; y
    return (enHex((0xf00000 & n) >> 20) +
( G! Z+ q4 o2 Z1 T! s            enHex((0x0f0000 & n) >> 16) +/ J. n! G# S6 {. y# }% h( d: z
            enHex((0x00f000 & n) >> 12) +
. y* {1 y" m( P$ u+ V3 I            enHex((0x000f00 & n) >>  8) +
% R, u( }$ x0 _8 L            enHex((0x0000f0 & n) >>  4) +
, i1 I# p) T8 F0 \& m            enHex((0x00000f & n) >>  0))+ E2 j0 L5 |; c6 _: S. y6 s
}
" r$ V/ u( x$ {8 M8 Z" B( Y& K: C8 {8 M// Convert a six character hex to decimal
0 C: D- J8 _! `) U! |  f; `function toDecimal(hexNum)
7 D/ b$ E, Y& B4 o# P{( g6 m- v- o4 i
           var tmp = ""+hexNum.toUpperCase()
9 ]2 W8 L: C- v- p% Q    while (tmp.length < 6) tmp = "0"+tmp( i3 x& S3 \% x; C6 }. c0 _
           return ((deHex(tmp.substring(0,1)) << 20) +8 u5 ^+ C. A' v' u- F
                   (deHex(tmp.substring(1,2)) << 16) + $ e: ]+ a: d% Q% z5 t, z
            (deHex(tmp.substring(2,3)) << 12) +: C- t! C' U  w; q
            (deHex(tmp.substring(3,4)) << 8) +
' B# I0 ~4 Z' Y6 N            (deHex(tmp.substring(4,5)) << 4) +
8 e, ~: Q# j, S2 f) U                   (deHex(tmp.substring(5,6))))
, s2 S# ?1 I, s. C1 e}
6 Z2 c' S& H) S1 A///////////////////Shimmering Links/////////////////////
$ h9 |( I+ a! O# u( a//global variables
+ F* R3 N+ z  ^; o( lvar hoverColour$ k) x( t8 ?- z0 O7 f8 g
var numLinks;
- _( X. `& o7 d' gvar rate;
+ V( e6 _9 T) v$ @: B+ ]$ b2 Kvar numFadeLevels;$ Y" ]4 g6 Z8 ?: l' t8 W4 V5 T
var bgR;
9 s9 X0 k; H2 L/ b' o) j8 Tvar bgG;) y* K" t7 |8 x7 u" b5 j! G( o
var bgB;( K0 B7 m6 {; G- J  j
var currR;) a. {7 R( I4 b) \1 F
var currG;* j% J( z' z) c" y3 z( r
var currB;: @5 U$ z$ ?) G& ]& m$ T/ z
var count;3 z" p6 g2 E- n9 f. n
var fadeOut;
( W6 W4 c6 i! Pvar continuous;
+ H1 X, X$ e; H2 j* @var newColour;
! _: ^8 _1 n. H6 H- ?" j- d. T' Avar tID;2 Z) ]6 R/ U# t  Y7 {/ U# Y% _8 r
var redInterval;
+ Z' @5 [- z8 t6 f$ bvar greenInterval;6 N* l4 c' M. d) [; x# d8 M& u
var blueInterval;
" f2 p4 `$ k; d* B' I% x$ ~8 _function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)9 m& N5 a: n% L; ]5 Y. c, \$ k
{
/ ^4 H; t+ R8 F3 N3 ^# `        hoverColour = mouseOverColour;
0 t7 ]$ A0 i; ^+ Z        numLinks = numberOfLinks;$ s. C$ J$ S; R
        rate = 1;$ V0 t/ n! h) A; R+ b$ J$ j2 U
        numFadeLevels = 30;
! Q4 t" w8 U% A- s6 x+ j1 ?        function initArray(theArray, length, val)
5 U+ D' D# o- Y5 }        {
+ D' G$ B$ L1 V$ G1 S) S                for(i=0;i<length;i++)
+ w* I& I- D2 k! Y                {
4 O. t* Q6 f: f/ g9 B                        theArray = val;7 W9 \, i3 U3 M$ S. G+ T8 {
                }' k+ Q3 K0 e3 I& ?/ n. o. ~4 h- Y
        }
  H0 {8 P# w! i' C0 q+ Q& G        bgR = '0000' + fadeOutColour.substring(1,3)# S3 y1 h/ F7 i4 A5 e3 Y& D
        bgG = '0000' + fadeOutColour.substring(3,5)! g5 h  X3 F" [5 q* @- J" n4 p
        bgB = '0000' + fadeOutColour.substring(5,7)/ Y1 Q2 B- J; J8 q0 ^, s
        currR = new Array(numLinks);7 f; ~* d9 M3 B! o* _. i0 }3 C: _
        currG = new Array(numLinks);: P0 F" R; x+ O. r8 k! h
        currB = new Array(numLinks);# `4 u+ C! i; r( V" V- H5 h* w
        count = new Array(numLinks);
$ w: ~9 c4 Z8 H. j- t        fadeOut = new Array(numLinks);- \/ S* K7 O1 L* Z2 l( J" K* l
        continuous = new Array(numLinks);
" g2 [! k# M$ q1 g2 _* X        newColour = new Array(numLinks);1 L+ t( Z2 u2 p. @2 R, [; f
        tID = new Array(numLinks);2 i4 f) K( |# _/ C. O
        redInterval = toDecimal(bgR) / numFadeLevels;. {0 b4 {& v! A+ P  X# q
        greenInterval = toDecimal(bgG) / numFadeLevels;
. w7 P, q+ v4 {: h        blueInterval = toDecimal(bgB) / numFadeLevels;
, r  Z' G! ?6 L+ L        initArray(currR,numLinks,0);+ K( l  R# ^, t/ }7 Z  Z
        initArray(currG,numLinks,0);
; C& c+ k, M% X2 n        initArray(currB,numLinks,0);: V% o6 \8 e" z( u0 s; o
        initArray(count,numLinks,0);
3 \  J* G, S# G8 p" n, A/ d3 _. ~        initArray(fadeOut,numLinks,true);1 |5 F/ b' a, c. X2 K
        initArray(continuous,numLinks,true);* ~: I) a  q2 D2 m: c9 y8 D
}        / N# c0 |* F% S" S8 |$ Z8 Y
function startFade(id)
5 G' V% J: `% x; u% O{( I- F  L" t$ G. |6 k
        if(fadeOut[id] == true)
- ?1 }( v6 ~. R2 e* q( O0 b6 T        { /*move colour towards background colour (increment)*/
+ c+ B2 \3 V) y* b) n                currR[id] += redInterval;( S6 [8 N+ \1 N7 Y: C" l
                currG[id] += greenInterval;
$ [1 E6 W  F8 R                currB[id] += blueInterval;, U8 [$ ?2 O0 g# u
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);+ Q& L7 e8 E, s1 _2 z8 `. W
                if(++count[id] == numFadeLevels)4 a, c* E( j3 {8 l. |' g& B) _# g
                {
( K/ K) P9 ]3 v- p5 y! S                        fadeOut[id] = false;
7 ~4 \* k: h6 K                }
5 D# k# C4 [8 `) t( {        }: |: }$ x' O3 l3 k
        else8 ]9 v& G3 O. J4 M! k
        {4 r6 X0 `" S2 j0 ]. P% f
                currR[id] -= redInterval;
+ L& Y, l  I$ |1 t+ m0 |
7 u  B3 I* S0 s0 Z: y; \, @" \. E2 v                currG[id] -= greenInterval;
4 O! \. [- x3 O; Q( O
+ w; f- ]0 x" k. B9 L1 \4 X                currB[id] -= blueInterval;( _! s) D2 S6 l7 P
4 i2 G4 E4 ~$ W* Q, ]
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);# }5 V0 m- f: Y; y2 A2 P% z
1 W- p9 n( Q) a* B1 a, k/ W
                if(--count[id] == 0)) V9 ^$ M" ]3 r+ o& `2 B
: {4 N3 G* Q  r+ X% U$ S
                {
* z+ K" S& W# c2 I  k3 ^
' U; c/ }- ?# i6 R0 E3 |( H                        fadeOut[id] = true;
! l* I& O7 L+ B" R) N% k% N% h" a& A; [) Y3 K& @0 x- l
                }, N& @& W. v. c
) O. t" P5 m$ b, \; m$ c
        }: D+ O) ]& K/ P7 c" L7 q1 h4 J

: }* X9 O: _1 Z: w        if(continuous[id] == true)
; p0 o6 q" @1 \0 z- y& ~
$ y0 J/ k) N0 E0 T; K- p+ _: K) W+ A( T        {
  @$ J/ j9 a# N( n
: z6 y, b+ E- n1 h% c                document.getElementById(id).style.color = newColour[id];                2 s6 d9 p) U0 U) t- \9 }  y0 O

5 l1 h6 i5 P9 J# M/ y        }  h/ y8 s4 L/ p  x4 b

# T# }/ C. F* U0 M: ^, t3 [        else. C' I# H* y% q5 J- s- \! J
9 p- o% Y& N9 q& j' S& }
        {6 l, j. R$ }+ A- Z2 g

( p0 @" E6 z; Q; H# c8 v                document.getElementById(id).style.color = hoverColour;: y) `! ~8 {& `( y4 i

- ]; d, h& j. Y7 R4 V/ g5 I+ s        }
# {" g, A. h1 x0 D: J/ y1 C$ {% A5 R& q6 r' t
        clearTimeout(tID[id]);* U6 ]$ R/ J& ]. n
- H( z/ S. i% C0 ?6 W
        tID[id]=setTimeout('startFade(' + id + ')', rate);
- P7 |4 S0 S% I- g
$ S: \3 @& z9 |7 W( f0 ~$ g! |}. n/ ~) s* H. l+ W1 s# X

; J% P3 F1 E# ]' c! x6 D5 F, P" q( Wfunction continueFade(id)
8 U/ O, ^$ k/ Y/ z) ?* J4 y, r
{) M  F! \5 T% E+ h/ C2 r% h
8 |3 t. W' v* v0 ^7 {
        continuous[id] = true;3 V7 _, I8 B; G3 S: p

8 P' _/ J) a9 \7 E}
* o/ w! [% h; h; w5 X. T1 E3 p7 _( y2 a: t
function stopFade(id)
* g$ }5 ~$ \) n+ I% ^8 ~- s. [  o& t
{
( T& Q& n) |) v$ i+ k- `% A; w+ {9 r! I) k* t. [- T% ~% J/ Q
        continuous[id] = false;- v7 ~, e9 o3 e& k) d2 C- h

) q3 X2 f0 ~( {$ K* ?1 k}
4 O; B; C4 K6 }$ [! v6 S) e2 F& G
2 L/ q' r( B6 `0 k, h( R2 l2 sfunction StartTimers()
; w9 a% l! I3 S( t5 I8 Z+ h/ V# A. F0 R4 H; q2 B
{        //set up an initial set of timers to start the shimmering effect
9 `0 V# S5 H. K  a' G4 l1 g' d* F9 |
        for(id=0; id<numLinks; id++)/ v. W1 T3 P6 C8 A

4 N6 f. [2 [2 e* F$ H3 U1 e' i        {/ a( p7 v$ M  L
5 ]9 s' c8 W/ I1 V
                t=setTimeout('startFade(' + id + ')', id*100);
- ?. U2 ]& W" s0 h- q: L' S( s  }  {& d+ S  n
        }) Y& P1 [2 D, U* ?; k5 o

  T" L& S: I2 a  f}
% o! l( s7 ?0 [% O% b
( H; o( S/ C* o8 c$ \+ e' p//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
5 e) J/ t; G* Q+ S1 w) m) G; \" P' E$ p" D& }% E
initLinks('#FF0000', 6, '#FFCC77');/ i8 M# I; o$ ?. O+ L# b
0 p3 v& W$ M& W; @
//-->
9 T8 M+ I1 s" K7 j( ]- c% E
" a/ F( o6 B- t8 H" m0 U3 k</script>
1 @' ?9 _0 d& S2 T<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
+ r3 v1 H: U3 E0 J, M</a>& W9 q$ s, ?9 V( R1 ]4 E8 A
<br>
) m; B8 l" z% H  L$ }4 i/ k<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a># u6 w9 G# T5 V; r$ U8 _
<br>
5 g: b/ v! H0 Z" V. D<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
+ f9 D+ V3 f  k/ S5 s( E<br>        5 d; _% f' j8 p- b5 t' r
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
4 M: Y# P8 |; ~/ s/ e$ [: t<br>
0 J( `  E# ]. G<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
% v# a: [7 G. \" U; j# j1 \<br>
9 S2 f3 w1 `; @; m4 F4 U3 o<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
1 E- O% y4 \% V<script language="javascript" type="text/javascript">& E0 o9 P; n; D( R
<!--
5 E: s; W" y* ]setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
# N& |1 T: x0 x7 ~//-->; j4 m- }: b+ G! z
</script>