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

zw2004

<script language="javascript" type="text/javascript">
: D. _# ]& ~: H, S) e5 t7 z<!--6 K9 d( X  ~* b1 P4 n* r! F
// convert a single digit (0 - 16) into hex
7 w1 i+ {8 @5 Lfunction enHex(aDigit)
2 W' ^6 O9 A" `1 `5 s% V9 a{8 Z" ]: o* i; v) Q" n; H/ G
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))8 x4 D) i: y  H8 D" E
}' Y0 m' W) G6 {7 U
// convert a hex digit into decimal
2 j' ^1 q4 ^) H# E1 bfunction deHex(aDigit)
! S8 m5 _0 r0 D2 c6 n{4 ?6 e9 Q# f/ t! R" A1 L" _
    return("0123456789ABCDEF".indexOf(aDigit))/ S0 M5 s$ L, L0 U, t' k7 h9 g1 n
}  J" v& H, r0 j9 o2 ]8 t

. p7 _8 `4 x2 A  ^' }# s// Convert a 24bit number to hex! I+ X; A; Y6 _0 U* J  T
function toHex(n)
7 q* C$ x: T( r  N! s{* @' X: `! r% y" \
    return (enHex((0xf00000 & n) >> 20) +' b5 i  x3 z5 _) f) G8 `% ]
            enHex((0x0f0000 & n) >> 16) +
! A" u  {1 Z0 v' ~9 E- a3 |! ]            enHex((0x00f000 & n) >> 12) +
3 s0 l8 f* F9 @# x( r            enHex((0x000f00 & n) >>  8) +* E1 X) ~8 g3 M' K( i
            enHex((0x0000f0 & n) >>  4) +
8 P% q. y' q- w  C            enHex((0x00000f & n) >>  0))
# Z2 m; R9 n) D" X7 L}
$ L9 Q* H. ?* R6 v  e// Convert a six character hex to decimal
( B. I' y8 R7 Z: y. R. Nfunction toDecimal(hexNum)7 b9 l) z, D* T. x9 w( ]
{
; o. l1 }! T3 \8 N8 d, A           var tmp = ""+hexNum.toUpperCase()
, s8 ^9 P! K' L( u# {    while (tmp.length < 6) tmp = "0"+tmp
8 m4 v* ~# I3 `1 |) J2 m           return ((deHex(tmp.substring(0,1)) << 20) +
4 P- N! r8 N0 }2 C8 o( E+ Z                   (deHex(tmp.substring(1,2)) << 16) +
# x1 r- x! l5 E) }# V            (deHex(tmp.substring(2,3)) << 12) +
1 W& F6 g, B  Z+ s            (deHex(tmp.substring(3,4)) << 8) +
) g% g; o/ q4 F8 I; Q            (deHex(tmp.substring(4,5)) << 4) +9 L% i) W; @: A1 Q( ?
                   (deHex(tmp.substring(5,6))))
5 P5 u6 v- L! c9 _}
' Y, K  v# o5 o3 \7 _///////////////////Shimmering Links/////////////////////: ?4 U4 P4 E; X: p+ E
//global variables
, z% k* b+ w& r: F' ^8 Ivar hoverColour
# k. @/ d, z' Wvar numLinks;' P& |7 t& h- F' p/ p+ i
var rate;
. O+ A; ~  S% k1 z, g6 Uvar numFadeLevels;  [* a% W3 R* `0 u1 `- L# n
var bgR;$ w* t4 U) G  C0 {# Y
var bgG;" Y5 z) v' m" S6 ^" |2 H2 `
var bgB;
" |! k3 Y, M. h2 Y6 o. Yvar currR;' p. j  M; m0 E. ?* d
var currG;
+ y4 b' y6 q- z, V8 K8 [var currB;
  r# {0 Q; [' L% e6 Cvar count;
" A7 }" h0 d! V$ mvar fadeOut;
0 ?5 u! q8 F2 V0 yvar continuous;
2 u$ w" W: F" I% _# g: h6 F; vvar newColour;
4 {( t5 m( u0 p9 svar tID;5 Z6 `8 o! g9 ?& Z- k% T0 b
var redInterval;
. `5 ~2 N8 a3 yvar greenInterval;
( B7 k) K7 K5 q; f8 y4 Xvar blueInterval;
. Y. |, @% z4 o8 \4 X! H- kfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
# I% K8 g9 r$ f- y' F, T{" w1 U, d1 }- G4 O2 J
        hoverColour = mouseOverColour;
, H) v% H5 A" ^; g2 f        numLinks = numberOfLinks;3 c. ^% a+ V* ?9 @6 i* }0 Q1 j
        rate = 1;/ f  b  W. ^+ y, O& D  @$ R" _7 d
        numFadeLevels = 30;
$ H4 o. s4 ?# H6 p/ g/ ?( p        function initArray(theArray, length, val)
" @9 T2 G: J, _* P- n. U- R  H        {
  a1 b* p/ I4 X6 C% N! G" F# W' J; x                for(i=0;i<length;i++)
3 P. ~$ _) V. q                {
' a/ W" }, e( O3 O3 G  K9 [                        theArray = val;' _! o8 u& F6 S8 [3 I$ X
                }
% R* K9 K! B  D$ p. D        }
7 Q+ u" n( U4 N' l        bgR = '0000' + fadeOutColour.substring(1,3)
! Y. @+ w) k# k        bgG = '0000' + fadeOutColour.substring(3,5)8 c9 _( q* K7 B$ ~+ Z
        bgB = '0000' + fadeOutColour.substring(5,7)' {7 ^' T/ [' d& T
        currR = new Array(numLinks);+ Q# V) I. L+ F& P" G0 H1 p* q
        currG = new Array(numLinks);3 ]. D7 o: Q/ k! Y; ^3 B8 |4 X  _
        currB = new Array(numLinks);' r; y1 d6 n4 w# ]% H
        count = new Array(numLinks);+ `* a+ {: A5 a# Z$ P/ s
        fadeOut = new Array(numLinks);
" O# w: I' b- K' t. v& c" o* g        continuous = new Array(numLinks);
: m( L% b" V  H0 U8 d; w4 {; \/ ~        newColour = new Array(numLinks);
6 t2 I" p# d/ Y- m/ G' U; a        tID = new Array(numLinks);2 u! B1 |4 J2 c1 _0 N
        redInterval = toDecimal(bgR) / numFadeLevels;. ?& B  [2 b+ |2 A' g& m6 S
        greenInterval = toDecimal(bgG) / numFadeLevels;
1 b$ |( n9 l( X        blueInterval = toDecimal(bgB) / numFadeLevels;
  j' Y4 D" q7 V8 S        initArray(currR,numLinks,0);
, v# U' b% T7 @& _$ U7 q4 I: k2 s        initArray(currG,numLinks,0);" d7 p: X: G/ ~( r9 N
        initArray(currB,numLinks,0);. G, ?) o. _) O( Z% d/ t. Q
        initArray(count,numLinks,0);
8 }. a3 X0 n/ q( f& {7 f        initArray(fadeOut,numLinks,true);8 g% X2 x1 ?1 ~5 I1 ~) W
        initArray(continuous,numLinks,true);
: q$ [3 C7 |; l/ ?8 v- l  K! z}       
' a: z7 u. ?! X/ x) Ofunction startFade(id)$ I# U& a& s' W# p% P
{5 S% J3 S6 o2 y9 Q7 e. w6 ~
        if(fadeOut[id] == true)- `2 Y# {( G, s/ {. I, U
        { /*move colour towards background colour (increment)*/
: m5 C# W1 u5 b) d( @& p9 ?                currR[id] += redInterval;
& v% l8 ]3 q0 T0 F( |2 |                currG[id] += greenInterval;
2 |4 Z7 I% h8 E# d* h( I& b                currB[id] += blueInterval;" R2 ?: E6 {+ x/ ?9 O0 q
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);8 p. r& F" c: q3 x/ F- ~3 B, P# c
                if(++count[id] == numFadeLevels)
/ u3 O9 W1 ~; D2 z                {/ Q5 T/ v; W* H, U5 u
                        fadeOut[id] = false;
+ X+ `- c/ i" Q* Q0 t" D$ c3 Z) ?                }
: X+ b( o5 H9 O  L* W- C9 ]        }
8 g; y; s# _% D7 `# N        else
% ]! q4 O* o& N! t( O- S2 `        {
) d6 k+ {. C( s1 O: z( c                currR[id] -= redInterval;2 {* w) {0 P% S* ]8 n

4 w8 Y: d7 g- M8 S, A8 l                currG[id] -= greenInterval;+ o6 ^. E+ p* }& Z4 U3 W
' c  s$ g3 e  C( ]- j, ]1 g
                currB[id] -= blueInterval;' E8 }! x$ \2 H! o; s

1 |1 f" v) a. Z* P8 F                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
' G8 j4 Y& a; T1 }0 E
0 Z; e; b4 y, R3 M                if(--count[id] == 0)' G: [, B% R/ E9 k; w

9 p+ G5 k5 P2 F0 o                {
3 q! v  M/ n, m8 b) T& X% l6 ~& W/ J2 k
                        fadeOut[id] = true;
& m5 d- G4 _! {6 |
2 F4 X* f) Q5 w1 u                }. y4 a/ f, J1 W' \
( ~, {4 T$ W: m
        }
; {: K2 t4 C5 l# k* B
! L4 @  Z- }' n/ [4 C8 f0 ~! y7 U        if(continuous[id] == true)
! Q: O9 L* g  W1 u! M3 t8 V1 v1 F. K- Z# I  u; l$ T; K3 D
        {9 R" e3 W% ]! T- p) V4 _2 _

1 R  B9 |- v: t; b8 D4 y. {                document.getElementById(id).style.color = newColour[id];                $ j: z) I% _$ L+ x- i$ r* g) V7 n6 `

3 r* e9 }  k# L5 g  N        }# B9 t. Z" h5 y2 v" [8 `
# I! f3 j8 V, R) ~
        else
6 T1 e1 X, j/ V+ i" J$ s) U0 y8 V& ?4 q
        {- z. @. M+ ], Y" k) i' e
( t# \# ~* l& e, M' g1 \
                document.getElementById(id).style.color = hoverColour;
8 f( x# v+ |3 I3 K* I
, n7 B; @6 z$ Q* s3 L7 q' r        }
! T1 r) Q1 a6 u2 u
! W* W6 c  B5 y, `. f        clearTimeout(tID[id]);) F/ ?* e; W3 c* h' ]: a

& j6 G# @! y; U: U+ V* T        tID[id]=setTimeout('startFade(' + id + ')', rate);
7 f4 S: h' N6 q; U. z6 A3 G4 U6 @& v( d4 q
}; _$ g( f% D' e0 g4 \! |
1 }9 e* _9 D6 I4 A4 p" k
function continueFade(id)/ N, _4 r6 I9 f- C, V; }
# J; ?* d" x* I- P2 h4 C% Y
{
( ^1 U9 A; d" \7 `
: E+ r+ Z% [/ `( s4 }; X, L        continuous[id] = true;! f" R- j6 B" h' j; N: C
4 x/ i" e" J. F
}
8 ]! ~4 e4 U' C
/ U/ g: n; @: Q' r4 n5 _# D& z7 X5 |0 C( vfunction stopFade(id)
3 O: @" Y5 h0 M( c9 j& L# z) e7 Q# R' y3 T
{
2 Y5 {; _6 {" h3 W
8 i9 R% b3 k2 S. c3 o0 T        continuous[id] = false;* q" o% v7 G: |2 z1 k# ?

# q. z' d" g2 {+ c; n}* @& o$ V5 \/ H& w( b

0 X) y. h) N8 r& ~& t$ H' j* cfunction StartTimers()  z+ _- |3 z( X- G9 h4 u6 G; x

- p: d4 ^% Z9 \+ x% o& P! k{        //set up an initial set of timers to start the shimmering effect
8 e7 f+ C0 q1 n. _* u7 v% a6 X( x0 L3 g+ m! c
        for(id=0; id<numLinks; id++)- e5 ^' M# S- k" P) M1 `% f

0 |' M3 O4 C+ c1 p        {4 |4 o) s+ |" r# T

! P% F  Y4 T# i7 J5 ^  c) t/ C" H1 F: F                t=setTimeout('startFade(' + id + ')', id*100);
. g) }) M9 |: }
+ {* [/ J$ G  i8 Z9 c3 V% k' j        }, |( X. _. `( l: U" ?7 x* I( `: ]

1 S  {+ ^% ^( Z! D0 ^- U; f/ l0 F}
, ?; C) o: x1 @; c- l6 a8 X7 s* Y# d( ~$ g/ ]; N- [: {" Q$ y
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')& Z# A( [! a% u+ {8 ?* r

0 v' I1 y& [; ~$ j6 F: z( Z: }initLinks('#FF0000', 6, '#FFCC77');
: y) Y, l0 X0 Z# q; N( M! t! o2 R9 K, n" U& O& v
//-->
, n/ M, s5 R( Q6 i1 ~
2 Q9 I: G& H7 t/ X% l</script>
# a+ i1 f! W7 n3 E* Q9 {<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
- V7 p0 o9 U- ~: M</a>3 p: m; b! a" [
<br>
; V5 l) g1 w; J- z9 i, w* z<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>% H) P. q* \* Z  o, \- B- j/ M0 ?
<br>
" ~1 y/ u8 v& g6 q! d; `6 a. Y% Z<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>9 @1 a  F5 D( j5 n
<br>       
' T5 _9 o* t& ^% s+ d<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>) ^) B; g+ `. O/ S- h1 _
<br>
; e! \+ k, [% P<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>' O! x$ X4 L6 p3 ^& {! [! q$ q- S
<br>
* Q4 d# A' J( S5 r: t! y6 d<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>- V) u/ X1 p' f6 l' l: A& ~
<script language="javascript" type="text/javascript">* m( S3 S, H5 ]
<!--2 O) S, `% Y& v) M/ t
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
' a7 |- Q1 f3 `9 R  Z* ]. M//-->
' @% R: w. t# `& g</script>