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

zw2004

<script language="javascript" type="text/javascript">, s& r: m# M$ K. T) s3 k
<!--* P! n; c' S+ d
// convert a single digit (0 - 16) into hex6 L5 A& V$ m6 D
function enHex(aDigit)
/ D) L2 b3 g8 c+ Z* q! t" \{- S6 \' n; Q9 c9 ]
    return("0123456789ABCDEF".substring(aDigit, aDigit+1)). ?! v! D" P; f) F3 M" m) Y) E
}* c2 {+ O8 J$ t+ N& l* h" O3 A/ V
// convert a hex digit into decimal
) }* Y: n' _; l: O# y' k1 Lfunction deHex(aDigit)! c! K8 H+ c! I) z
{' ?# U( Z  \" h9 I" Y3 r9 A% D( c
    return("0123456789ABCDEF".indexOf(aDigit))
! W- K# w8 ~8 }4 L7 u' R}
2 z+ n+ d4 i0 ~0 Y% e. ?; n8 d$ _
$ G/ W9 C9 |1 d0 P3 s) F// Convert a 24bit number to hex1 V8 I1 j  T2 N8 Z
function toHex(n)! ?; B" e+ `& C1 z) X
{* V& W7 s% L0 [1 z' W6 L# Q
    return (enHex((0xf00000 & n) >> 20) +
; u4 O7 ~! Q  B6 f1 B            enHex((0x0f0000 & n) >> 16) +
& z" ~8 G9 L5 o' C            enHex((0x00f000 & n) >> 12) +1 a! V: M9 y! B5 ~& Q" f0 B
            enHex((0x000f00 & n) >>  8) +
  Y9 L$ x0 W5 g9 b$ N            enHex((0x0000f0 & n) >>  4) +" }  }0 s, I4 w: J  |
            enHex((0x00000f & n) >>  0))5 A+ R; `7 c- Q- r/ j$ y! H2 B
}- m0 I- i. w+ P5 N
// Convert a six character hex to decimal1 \  G$ t/ e: H9 H( R) z" G
function toDecimal(hexNum)  g0 u3 Z$ b$ v
{
; q, m2 y' P/ T8 R/ ]( V3 [, g/ y5 k           var tmp = ""+hexNum.toUpperCase()2 l' h7 l- \3 ?- K! x- j9 v# ]' X
    while (tmp.length < 6) tmp = "0"+tmp' }, t7 Z3 m4 P# F: x% ?
           return ((deHex(tmp.substring(0,1)) << 20) +
! V* E; G6 b0 p. C4 Z                   (deHex(tmp.substring(1,2)) << 16) +
7 k* \& Q  E6 k6 v            (deHex(tmp.substring(2,3)) << 12) +
1 v9 R; B$ k+ A4 D7 z6 k& n, P! w            (deHex(tmp.substring(3,4)) << 8) +
6 S% O1 i( A( Y" H% Y            (deHex(tmp.substring(4,5)) << 4) +
/ a0 \9 n8 T, @7 e$ N1 d                   (deHex(tmp.substring(5,6))))' n0 t6 Q2 i& {# C5 Z
}
, ], y! B8 Z  X///////////////////Shimmering Links/////////////////////1 e0 M! y! m1 n6 r6 r
//global variables
6 }) s4 w: a' W# E# Dvar hoverColour/ g3 s! f; o: z' q; Q! n. J6 `
var numLinks;
6 c* Q7 z8 k1 C* b6 b( U$ Tvar rate;# _1 Y% [: P1 \; }
var numFadeLevels;
+ K& G/ X/ m1 l9 f* x) C$ ~# ]var bgR;
4 x9 N5 K, V* j3 n; |+ O. p) Fvar bgG;& J  ?- f6 U. T0 F: ?% Z- ~( u; W& J
var bgB;
$ E& ~# I: b& g; kvar currR;
0 A7 m# c2 R* `1 u) K; d# t' Tvar currG;
, u; N6 {$ _3 bvar currB;4 U1 @- w6 v6 @$ v6 G/ ^: I
var count;
; h2 f) K/ o) M$ avar fadeOut;
$ q! D4 r. ~0 T0 \( Tvar continuous;
2 k" ~- A9 j( T, v; Xvar newColour;! C, ]/ t  }3 l* n9 h8 h6 u+ p0 O$ ~6 h
var tID;) B1 D) z+ @) g. j; G4 o
var redInterval;) o2 f' M% U* A0 c2 `) Y
var greenInterval;# w) Y) g( ~- H
var blueInterval;
* ]- o( g" W) [( z) l; zfunction initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
& G& |4 Y+ z8 s+ r  Q- V{
4 Y4 ~  O7 T4 Y        hoverColour = mouseOverColour;
4 q; Y$ ^8 P# {- a& C. H4 R1 v        numLinks = numberOfLinks;
' a7 {: m! B9 w& p6 p' o2 h        rate = 1;$ J) z7 U  a7 {4 w
        numFadeLevels = 30;( _" ]& g. A: M# _3 ^' s
        function initArray(theArray, length, val)
3 |/ m3 r6 |/ u5 y: z+ w0 E        {
  ~. |2 I7 G- Y                for(i=0;i<length;i++)
( v. X% r. Z0 R                {$ U4 w. E6 X# r. F
                        theArray = val;
; G- [* Z; ^1 m9 @% ~3 H0 W# B                }9 s, C+ |7 f3 D; c/ R# [$ w; J/ y
        }
6 o2 h# M3 G0 |0 \9 s% Z        bgR = '0000' + fadeOutColour.substring(1,3)( k! O! [. ^2 T; Q: e
        bgG = '0000' + fadeOutColour.substring(3,5)% U: E1 T8 ?0 E2 M. n4 f
        bgB = '0000' + fadeOutColour.substring(5,7)! A3 V: M. B; V. A7 O' [, q
        currR = new Array(numLinks);9 P. {4 |* j3 K# \6 q
        currG = new Array(numLinks);
, O: G; \# |" g' o% `* N! x# P        currB = new Array(numLinks);
6 {. r$ S# @' A& g4 v* A        count = new Array(numLinks);
+ S# x. O( X  O8 x0 W( _# ]        fadeOut = new Array(numLinks);/ t8 y* T' j/ ^9 ]
        continuous = new Array(numLinks);& i$ d: f% a- O. x
        newColour = new Array(numLinks);6 ~. B. Q& W1 L
        tID = new Array(numLinks);
5 g) O, L3 G+ N: G4 c0 s; ]        redInterval = toDecimal(bgR) / numFadeLevels;! t3 d7 i. b# H! d
        greenInterval = toDecimal(bgG) / numFadeLevels;
4 b6 I4 F% i: y- e: B$ {        blueInterval = toDecimal(bgB) / numFadeLevels;! N4 ?' x3 E9 f" E$ _
        initArray(currR,numLinks,0);
9 k/ R/ @; K+ q" g/ t# z, @        initArray(currG,numLinks,0);: m5 C+ O3 s! K% W
        initArray(currB,numLinks,0);
9 k' U& u2 X3 t: F1 @2 f        initArray(count,numLinks,0);
. [. I# N2 E0 q) b. W+ Z+ A        initArray(fadeOut,numLinks,true);
$ O" q' L9 A! ~( ]8 k. b. I: r        initArray(continuous,numLinks,true);
8 r: J* L! g+ ~) V9 C0 z}        3 ?" a1 V0 ?) E9 Z" z
function startFade(id)
9 V: d: K4 I+ Q! x5 v; c{% v  ?* a6 O& j3 _" L# J& `4 ?
        if(fadeOut[id] == true)5 `/ E- _5 I7 r- }8 _8 j
        { /*move colour towards background colour (increment)*/
1 V$ d  G0 x2 x. E' G+ ~                currR[id] += redInterval;. u* |, `0 D( P+ {4 h  g
                currG[id] += greenInterval;" p2 X$ a2 s, Z! e' e. O
                currB[id] += blueInterval;
2 I# y  `9 }2 h" L                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
" _% \% Q; v# [0 y                if(++count[id] == numFadeLevels)
7 @% Q* y* h* G  q; b1 z                {
* ^' H6 y2 X+ n/ n$ W                        fadeOut[id] = false;
; ]' i# ]7 j: d) Z4 v                }5 G- k$ G, \- D$ `' ^' T( a
        }/ o: M; Z& r% G: f- v1 O
        else8 |  P# s2 j' }- ]" S
        {
- h) C- D+ Y) ]; s- c$ Z                currR[id] -= redInterval;
9 Y: ~' ?' P/ Y, P4 R) ]9 [! Y( D, [. _7 o. a
                currG[id] -= greenInterval;$ D1 D) c& [( [+ H1 |# j9 S" j

$ H* u- A( e  H& {* l1 V7 c: `                currB[id] -= blueInterval;# |/ ~- f! _3 P5 f- f. I) ^' ~9 {
& l* B7 C7 [3 C( X8 H( L
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);3 a* z+ a3 q+ [+ i4 h: s/ U! r2 p
1 |2 D4 z$ w) Z6 ^+ P+ ^; a
                if(--count[id] == 0)
9 w& [' ^9 b9 T4 R9 I* |2 H1 W) Z  Y, z# f. N
                {
% M8 w# O+ E: v4 |6 \; P0 _* k
1 \- K) ]9 C9 s1 E8 I                        fadeOut[id] = true;$ T$ G) J; S# n! v4 Z
/ {) U! D9 @  u' ~8 y/ w
                }
, |$ r+ {, T$ o( M# F& c2 W% Z4 o" d& M" U7 \  ?1 t6 B
        }5 H% A6 v) y% I# o4 y2 w8 [

% p. k: G% I7 b8 S$ m% z8 B! }% P        if(continuous[id] == true)
% T1 A- r. |& a1 H* l$ m; j- {( P' r0 S& R' E
        {' [. ]# E& A" a$ I

$ _' P+ E# ~" N6 s& A/ X$ p. d                document.getElementById(id).style.color = newColour[id];                $ l. T. |$ l9 a# w8 d
" w# T; k' y% e0 v
        }# y' }( @9 m3 d4 t& b

8 p* f& o) f' V8 Q% t/ t6 J; e! H        else
& L! S8 O4 |& @/ i: f3 z
6 W1 P9 n( R8 n) M# I% I        {
: X  A! J2 E+ G) f* |
5 U  k' y$ L! o- C! `- }                document.getElementById(id).style.color = hoverColour;: L" j2 H  w% z; I
0 p; t% l! `5 T* O# a  C
        }
) r' X7 h, B4 J) {4 L! j8 y$ I- v  x( C) t0 d
        clearTimeout(tID[id]);  t; g( ^* i) W/ j
4 @3 i$ h$ ~9 g8 [9 Y5 t8 R
        tID[id]=setTimeout('startFade(' + id + ')', rate);7 J3 E/ z/ J8 J. t& ^4 a2 j$ n

" G" b5 z: G8 @}3 V9 Q9 L% S8 t4 i% Z! H2 q

6 l# D/ N) k6 d$ e; i/ {# sfunction continueFade(id)  a# }' ?7 `% p9 |
0 e: @6 N0 q3 ]! E! H" S
{1 V5 f8 \- t) {2 ~4 ?3 x0 C: Q

) T$ D. O, }& p% Z        continuous[id] = true;
- T! |( a+ Q, {: Y0 s7 Z( a9 v; t1 `1 F
}' c* L% c" k: X; t9 J& {, R2 ~+ S

" I5 J& W* K! u4 L( _function stopFade(id)# Y$ }; N( z/ r- T0 [6 S

8 d# `+ E3 u5 ]' I* D' ~{
2 g8 i. ~0 c/ w, I. i3 b4 X$ D" t9 e( B. _$ ], d. x" l  M
        continuous[id] = false;
. b. j" h/ L3 o
7 i# K8 N: }. o' u" d9 E1 }! h, F}
! b# j+ i' e7 W; I$ d1 b& k4 w1 c+ _) E# ?8 \( y( v% A
function StartTimers()
8 U2 T$ m2 b8 {; |& h
) p% K4 T6 ?- H3 l$ ^; ?! ?& ^{        //set up an initial set of timers to start the shimmering effect
9 x* z+ E5 z) V' g$ @
3 [5 {6 x5 L. |6 t# R. t0 @: {        for(id=0; id<numLinks; id++)" k8 }1 y7 S7 H  K' z3 I: |. X
$ L4 x+ U5 T# _
        {
, u6 l! I2 E0 L5 i0 t" n; E' Z% K) V5 s8 ?0 ]5 a
                t=setTimeout('startFade(' + id + ')', id*100);
( g6 g0 y% H3 W9 b9 a1 b* T
1 b4 \4 a+ ?& W. Z; G5 r        }
, I+ E. m! E) `. R5 L" ]3 \
8 L) l6 O0 m4 u3 T+ g$ b}1 e2 t! M9 H( C- m7 t8 F

+ s5 {/ d+ P4 c; B3 X2 [//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
9 k6 \/ Y5 }. a, q# G3 j" v7 e! o! u1 v. o5 V
initLinks('#FF0000', 6, '#FFCC77');6 P" c# @1 {5 x8 m! \
/ ^7 C/ K( l* j. H$ D
//-->3 `$ Z  R, m- L2 c/ |/ N# X
* E% O  w  T& z' P7 s; p
</script>
  j0 f8 o; \& X' X0 G  n<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
: }  A7 a5 L( t$ `- ~! R2 L0 {</a>- p" e( |% m& D# f
<br>& f9 M% v$ {$ ^( @- T$ v4 L
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>  Q2 N* a7 m  I5 L; n& h
<br>$ Q& R! J  _' W
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>0 T( [0 T1 }( {8 h- @. m
<br>        & F2 u1 e; m5 Q8 o1 `, }
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
( }) {6 S* F5 V1 e<br>  a, c: W9 `7 a$ k5 ~7 ]% ~- ~
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
. L: d# a5 m8 o3 i<br>* x* B! B# o- J5 }" E
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a># w1 Y* m& w2 }3 v' [+ }
<script language="javascript" type="text/javascript">( d2 A6 q9 m( H" \. f
<!--# k# l$ C# [( ]9 z; \# k
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering
) ]9 p4 @4 m# [3 u" |. U$ G//-->
' V; J' t# n9 N. v* a</script>