捌玖网络工作室 » 网页编程 » 网页之文字的循环闪动特效

zw2004 发表于 2008-1-21 20:48

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

<script language="javascript" type="text/javascript">w$V:W,LFj6G&_
<!-- g0B9MY%e&J"U
// convert a single digit (0 - 16) into hex0JC:U4k%?
function enHex(aDigit)w'mWI%Vm.O#I!U
{
2`@y\$|eLJ0D     return("0123456789ABCDEF".substring(aDigit, aDigit+1))KY!bb:pG:j9c
}
9I8|g |UJM,E // convert a hex digit into decimal
0T7hl'n)H;A function deHex(aDigit)'Y(X5N;`e(uQo
{z5|4u]Ko0x If
    return("0123456789ABCDEF".indexOf(aDigit))~3mq|-j AoHR
^
}
Vom$wc&ug R-Sz f/C2^k
// Convert a 24bit number to hex
'j'm4Lcf+}n function toHex(n)#b'{k vw3P ^7h
{)q(h:wE nX~x
    return (enHex((0xf00000 & n) >> 20) +
6x;Q|I4g"d3U#_R]             enHex((0x0f0000 & n) >> 16) +yCQd-z\P$p'kA
            enHex((0x00f000 & n) >> 12) +Ad/dzl~#k
            enHex((0x000f00 & n) >>  8) +
Qdm vvw+_|3F|
            enHex((0x0000f0 & n) >>  4) +XS HYR:D+c7A,G
            enHex((0x00000f & n) >>  0))
e_-]+b*XI)K)C[7s+i }
?/[,C*u8K s+~"viU // Convert a six character hex to decimalK _cnWxoah
function toDecimal(hexNum)
,u\%[y8p0UPx {(~]:m#W0Y6e |@+E5eI2X
           var tmp = ""+hexNum.toUpperCase())a9Y0^,R
f(o8ykV9cXM
    while (tmp.length < 6) tmp = "0"+tmp
(wPb`)Ak,rS            return ((deHex(tmp.substring(0,1)) << 20) +
kw j5VaDU
                   (deHex(tmp.substring(1,2)) << 16) +
I0A U+`mF
B             (deHex(tmp.substring(2,3)) << 12) +
MM4E5rq:?.XLS*J.n             (deHex(tmp.substring(3,4)) << 8) +.Vo;m AO dg7]C
            (deHex(tmp.substring(4,5)) << 4) +8`H o3S+gO#t,U w
                   (deHex(tmp.substring(5,6))))
5_f;t*k'UwkH }0WQY[IY'r
///////////////////Shimmering Links/////////////////////
#Y |{5E \7itf p //global variables
2Co4H k0}4z0tsB,G/O?+v-C var hoverColour qB vIyh(b
var numLinks;
Ty'v\
p
Y}x-h4y var rate;C%Fw NEa4T'@
var numFadeLevels;
I,y:s['q` var bgR;
Dx.yy'qwPD var bgG;
6w{9v+x]P? var bgB;eR"M8gw9`A6C:k
var currR;Ip3`4B6Y
db
var currG; ]-x^[*L:b
var currB;
d3O e.Hp-_3D Qb var count;z[3l%z$w"P4^7Z*n3t
var fadeOut;
#|v s&S VSXs:H var continuous;r
g6_v!zu,@
var newColour;{}PbLQ|GL
var tID;/|_1nu+w
var redInterval;
w8R)y [s6}X2{D5~ var greenInterval;
FA
b7|)VM}"R,] var blueInterval;Ob9M/~#t4[
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour).SbeGT4s6D$I
{Pc V t4j5i:^
        hoverColour = mouseOverColour;aU7t G%D
        numLinks = numberOfLinks;
yB3VA!f+^         rate = 1;
{0d_~k"t
kp5X"B         numFadeLevels = 30;

o)I!SC@#_E E         function initArray(theArray, length, val)hBe1HNN4Oid9C4y
        {^G^*eb!q
                for(i=0;i<length;i++)#J2H7d'` M
C
                {
6v9m;W]
^1w&hWu5X                         theArray[i] = val;4Blv/W1Wx[!f
                }*a9sM3x%QKP#n
        }r+Qc] l)rRv
        bgR = '0000' + fadeOutColour.substring(1,3) X4Vx:iM/cw rb8t'Q#B
        bgG = '0000' + fadeOutColour.substring(3,5)\ ^%e"F-s?
        bgB = '0000' + fadeOutColour.substring(5,7)c]9ZD Uk?#Y$M
        currR = new Array(numLinks);V6]3`QP;Ie
        currG = new Array(numLinks);
ob k-\(F%G%v&Po         currB = new Array(numLinks);Te,U#a-v)_*?
        count = new Array(numLinks);#EH @1?Zhm2e kPYp
        fadeOut = new Array(numLinks); EP@2@cF&XQ0n
        continuous = new Array(numLinks);
B'Rg w;O
X'Qn         newColour = new Array(numLinks);}Nh UA
        tID = new Array(numLinks);Q&n!Hz2C^X
        redInterval = toDecimal(bgR) / numFadeLevels;
$M-UI]B&s         greenInterval = toDecimal(bgG) / numFadeLevels;
_,c#pGH6u&M z         blueInterval = toDecimal(bgB) / numFadeLevels;
,g$[3v!C,D0NpHc         initArray(currR,numLinks,0);
IK&x3s M*F,o,SO         initArray(currG,numLinks,0);
,A[PEf4b$gP2c         initArray(currB,numLinks,0);8`&xR!y
C~
        initArray(count,numLinks,0);
/l,y9opl)Ilu7Ss_n         initArray(fadeOut,numLinks,true);
C+E-I'fn!KX/F         initArray(continuous,numLinks,true);
8E~/B e^M!f4hB }       
"IvK0ene*b function startFade(id)
INMxr*{B {S)qET/[j!UE
        if(fadeOut[id] == true)+AmU2PC'X1h
        { /*move colour towards background colour (increment)*/\8w'z J"x4ChNr
                currR[id] += redInterval;
ov.b1o]%H
Gb%h                 currG[id] += greenInterval;&kkt{4a
Wj
                currB[id] += blueInterval;G \`2EW]N
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
s'_Awj'BQ a@                 if(++count[id] == numFadeLevels).w)~+N:c#bC mQ
                {6oql\8B
                        fadeOut[id] = false;z p m7m"BS;d
                }t6g-Gc5{,v*h|G
        }
E2qH.[;[#?|,O+e&V?         else4C {9n };Io3|
        {
"wF2H*qz                 currR[id] -= redInterval;_/U?
o2f
;M+FS s `
                currG[id] -= greenInterval;5Q$?lTZM0X Z;l'O


LMT1GB0n&@:c$}7L                 currB[id] -= blueInterval;
6DwaY0s
Xwf#D9X(X                 newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
g!LVm$k a @Y5dgX!a
                if(--count[id] == 0)
&leHZ]{
VlHgE0O;}/l                 {`QXMv

s#g0i3v(B(~n                         fadeOut[id] = true;
8[6MA$`
a.m-fS9V w X"\9sy0xP
                }
3K6p5q(F pI!G{BW
!ds6N'pb*_RZH8d X/W         }
7e3d,]@'Ffc$Tv0B-C
[N{o~
        if(continuous[id] == true)
(Gf,B+X-@ogv\is Y1\!Hn6LZ`$d
        {
-yS\p:_
RD-I KKX)Ju6k'X*Y
                document.getElementById(id).style.color = newColour[id];               
oV"h ^i6K !Mj/t.GCr"V
        }n
J{ zn
[U:x#j0}
        else
'a-Ac G;Jm2u/@1^ |(PZP e2Z
        {
+FT9~Bk0A8sDE.V $]+`UnRd2s
                document.getElementById(id).style.color = hoverColour;Q+A(a!R
^,q
6bX)MQ6FH:O#K
        }
&Wuq-JC /pQ6DMi4~qPI'po+_
        clearTimeout(tID[id]);3l x+O'VY p$N5]
f}/o GOj
        tID[id]=setTimeout('startFade(' + id + ')', rate);
$l~%M?sr
v0M L O O3j5SY3hm2T6{
}
LxPS[ @2WG
2E;vR4F;r@+kj,O"pX function continueFade(id)$A/LrHU/XF&a3w#w

#|&w'b uR j4e {
@n#F!Kg Xf
QLP@y         continuous[id] = true;
(^6C+Q"jNW d4O&A$K~e6W
}d,~.eA c,d0D7n4v
M P$M&F
dS
function stopFade(id)7kx-e\'M }3e[

6j2knG&r {KA}G,KHf6T5w

R\ R&p2J E         continuous[id] = false; |kq-SM&HZ;h
H9V|Q*xhCyie
}$S7z
hPS B~5Q2M8U_

,?4x+e4t?Xw q:y function StartTimers()z#@7a] C_E

&R#zTG1y2r+k5d.N5y {        //set up an initial set of timers to start the shimmering effect n+s6F
|f/e&J

2Lm[eQ5K         for(id=0; id<numLinks; id++)
V)Dx&A#b4D
*G b;HJ }bP         {
M
Y:B{!f @
4|,A!? gm#MHZy                 t=setTimeout('startFade(' + id + ')', id*100);/|iE | ES
u5W/@m)W7P
        }M j3F[.E
#rOaWay|L
}2HtLDU"PLH?l!X
M V[2Exg~%?5?,ji
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')]%ai)V {b
8U6O8o
xq(kr,d
initLinks('#FF0000', 6, '#FFCC77');.^Xl [ x

6]*I&|I$M;c //--> ?B~ y%w {4]{
2i.m u3qc p fN
</script>
7oTJ
AC <a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
|9JY:}#miQ0wt </a>
A]1^T |]?t7j <br>
q
x}@!q
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a> C`4\%gt
<br>8F)W9sIM3Dz
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>+[^e ?\ \*F
<br>       
?9E8]ox1tF:} <a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>f.dx+{4Wo)Fb#R
<br>)aI-]a)F3H1X
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>(?!lj2Zp9`
<br>-Pt:Z#XW!X0@:Q oj
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
'iaO x-J7O)r <script language="javascript" type="text/javascript">
%zOB!_e
L&c <!--2dY$b z.C5f+X@
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering0{"Z~ Pi"hk
//-->+D,ACd,H@
K1K%U
</script>

查看完整版本: 网页之文字的循环闪动特效