捌玖网络工作室's Archiver

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

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

<script language="javascript" type="text/javascript">
'ZK nnY-a8R&u e <!--nds_*]
// convert a single digit (0 - 16) into hexk]&c'I+YOb
function enHex(aDigit)
!I&PH mxEr$f {
,MGukld     return("0123456789ABCDEF".substring(aDigit, aDigit+1))twook
}
xh]0{7oBmu // convert a hex digit into decimal
/J+~Pr W"Le function deHex(aDigit)8AyV7PglfH
{i S3Y[j1{V
    return("0123456789ABCDEF".indexOf(aDigit))
+qt?3q;Q ?|s }
H VUVb5j \:{&pB/R dih(E K l6sB9O~
// Convert a 24bit number to hex
+[5s1zL6^ Z W function toHex(n) VZO'a!I*O$}e.n
{
QGiF"m w     return (enHex((0xf00000 & n) >> 20) +
#U&C1T!{`C             enHex((0x0f0000 & n) >> 16) +
3^2Wk%h;{(z kh0K             enHex((0x00f000 & n) >> 12) +
"rb)kDs3A             enHex((0x000f00 & n) >>  8) +)c.a,N {5zE)y
            enHex((0x0000f0 & n) >>  4) +
&QBw P y4k0O5s;G             enHex((0x00000f & n) >>  0))
_Zji#? }!E(dQXU
// Convert a six character hex to decimal
'nN#jOs6A A(x)x8N7D function toDecimal(hexNum)
R&c\STMdv{ {
!jK,G7T"xWTd$Q            var tmp = ""+hexNum.toUpperCase()W;|"^a\
    while (tmp.length < 6) tmp = "0"+tmp;\-E![w5WL
           return ((deHex(tmp.substring(0,1)) << 20) +
H{7OwvX g:w                    (deHex(tmp.substring(1,2)) << 16) + -H8{(_"A+c#M5j{
            (deHex(tmp.substring(2,3)) << 12) +
6i:X]0I.|7D \             (deHex(tmp.substring(3,4)) << 8) +
2B].h!z*B D3X             (deHex(tmp.substring(4,5)) << 4) +'h#[(Jm?6j]#]_s
                   (deHex(tmp.substring(5,6)))) K0z:CE O*V9{3Fq
}V3n5g-h%A9X,~\zc
///////////////////Shimmering Links/////////////////////
.Y0c,JU*x p;m //global variables
-yz%MMF,?:O3fc var hoverColour
KO Z p(B BW p;XJ var numLinks;
T#m|-w+Z0K var rate;
N#e%nu/x2A var numFadeLevels;
4e.f!f@y A h,L_a var bgR;sQ6WR J'yUC(Tr
var bgG;"W&@Gfv l
var bgB;
L N[(P#g f+I var currR;
0bBf6@v3cw2? c var currG;h{!Dry(`9Iz!t
var currB;
kV1]E$T!U var count;d x@%?[ Zfux
var fadeOut;5Op^9XJ
var continuous;
+R x8G|"eIr var newColour;
9pZ\"z"OMY/g var tID;4G2H8h4kbN h9w-z6Z
var redInterval;
M'LGkpA6Ng/R n var greenInterval;
8Q-Z:y:_;C"}/i ^T var blueInterval;4u,y4_'dw
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
x#U9P&d.} {
H%H1Dl|;]A         hoverColour = mouseOverColour;#c&v^ K9KgsY@L
        numLinks = numberOfLinks;
,?.{J[ tw,L\/l         rate = 1;%nW)}!z-Vd
        numFadeLevels = 30;
b};M+p2T-Nm+T         function initArray(theArray, length, val))f9^$|GTis
        {
'DW9Z dJ R5X-Q                 for(i=0;i<length;i++)Lnu@1N%e
                {:~2E0KUr Zs3\N
                        theArray[i] = val;
1VFs$}y                 }^7X,Bcs4_(Z`q^
        }
PJ};}P+X#y+E         bgR = '0000' + fadeOutColour.substring(1,3)
"gP;hZm:s2D         bgG = '0000' + fadeOutColour.substring(3,5)
's!EZ\6C c$c X         bgB = '0000' + fadeOutColour.substring(5,7)
:d vYA|T         currR = new Array(numLinks);
_w\vT9i         currG = new Array(numLinks);
`*s\9O(W"c+Zz6}^W         currB = new Array(numLinks);ol$z5ep OB}\
        count = new Array(numLinks);nb,z!V6A
        fadeOut = new Array(numLinks);
.~%N J0F(L         continuous = new Array(numLinks);
G]?.X,]#l         newColour = new Array(numLinks);
ho&y*oO-o%]/?K         tID = new Array(numLinks);
2by g][?r         redInterval = toDecimal(bgR) / numFadeLevels;
*m$s@1vENR.~         greenInterval = toDecimal(bgG) / numFadeLevels;
%J-UDbf1dy2J         blueInterval = toDecimal(bgB) / numFadeLevels;
?1O:^d9NpQcp$y         initArray(currR,numLinks,0);
3gc*Fn!NQIm%j         initArray(currG,numLinks,0);V0?:Kd_:r ^)X0i
        initArray(currB,numLinks,0);
,f.se3AQT%H0C(` \0l;{         initArray(count,numLinks,0);
S ? Bi|V         initArray(fadeOut,numLinks,true);BJbXV2dxB
        initArray(continuous,numLinks,true);xL3q7^5B&U_&H2P5c4v
}       
/RIuL)C;^-c$X i/s function startFade(id)
bdO,B{ DOe {
*t~.@cV9RL         if(fadeOut[id] == true)
Xv/O.r;Dg         { /*move colour towards background colour (increment)*/t`] z#cU
                currR[id] += redInterval;O5vn9MLR(L1TH
                currG[id] += greenInterval;
,OM9L[&tI(l:B                 currB[id] += blueInterval;
"p8O:E[!gv3{2c                 newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);,D;VDLT#|r#^1N8GH
                if(++count[id] == numFadeLevels)
"Pw\tK*_iN \                 {Y'da+|;`
                        fadeOut[id] = false;Jj f!rLu6P
                }
F4|V4_o$qG         }
8a7P` |+B-D"T)Z         elsed8e'Uq,N'Y7Fl
        {1e!j$w3CH L i
                currR[id] -= redInterval;
q4_!s0Tm(a*O
6g!Z8]ep$Z2k                 currG[id] -= greenInterval;
`}AQ/{(b,d"t _L-VKQt v ym1\
                currB[id] -= blueInterval;
3V)}7?pb^ y4D
(gq7P_6czz#|                 newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
?#rU;~Kp1f AG'Y%`*X*S$O+h
                if(--count[id] == 0)N4W!lC?%~)V D
_/sX"N:LS
                {
3@(U3}7N0S
f ]g!ixU;Z"Q|Z                         fadeOut[id] = true;
T-go7RF8Z2`$L*`&q2MP
[sH9L,x2q,u                 }
8[qE9Y{yz +~K,E"t3Wu!pp%b!z
        }
+m^9t*VC
NjW6{"O{)l EHM         if(continuous[id] == true)QCnxI*IS

Nrb1b _ql)s`         {"@QR$Z9m/I$d ]5e

4[ W!K seu["r                 document.getElementById(id).style.color = newColour[id];                D.`)ZJ!N3B[pY

^L/Aln~0E         }
u W&d]9gKn(nm
5RTfU^t         else-kcyP U"}O#I

%\9Pk*O @uu9p         {;d hWeE2~ko\c!p
/y8@)M)Y,k-hx
                document.getElementById(id).style.color = hoverColour;
bf gG QK %tJ%eB!}
        }dqu xK!daTX5zS
t$z%y4Z7X^:p
        clearTimeout(tID[id]);
^gtP cZ
0x*B~\@(Qs%s g         tID[id]=setTimeout('startFade(' + id + ')', rate);-B(n U;I'l9Z ~T

w)jH6d#ba!X } ` iK(b#O'V9BMJ
?v W9T5v#mp
function continueFade(id)
,R%e{K(T)Vb!P nf
!H `s%sv:z {
n7G/^&H%vCu Guu8L9]/a@H
        continuous[id] = true;;~q1R3?!wvY
qF7\)^b Bz
}
9Bz$O1z2e9a4KS'b2[
qKz&fvI&Ve7i:B function stopFade(id)BH0J*N/u/zc+d
h!\,h5^t4B"Ga[*N7@/c
{
"F VxV7GQ5d
7u"Wz!["J(u%r2m         continuous[id] = false;
B4b7CYg,QS
M3z5y0B;kZ)[1Hx }
T pW,LmC i3S.H /M&yS$b J_6}
function StartTimers() IGB%hg KO
,l C"[WI2q4Jw
{        //set up an initial set of timers to start the shimmering effect-nG5F4sn+s
'qP4Z O2^*E-T
        for(id=0; id<numLinks; id++)
g ` j(tQ)nM"k q
4`*K(h^Sksy         {
!JH,m!PL}nB
8Fju Yoo St                 t=setTimeout('startFade(' + id + ')', id*100);
x%@[c:H,T `)l,T aRK;M'r
        }
B[8GMr^o!z?2`
4@"Z#{rSt1Ge }
"YU{QvQ*|qkQ
{)sG9l EE x-skIe //format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')y T+aw&W$h s
o6`.Nu iM5AL3Z}
initLinks('#FF0000', 6, '#FFCC77');
Di5PS CQGv V 0U3HsT#cl0? `RP
//-->j#}f"JLq!`;HM4S3D
&l7L3Mg'e2w3Q
</script>
Q]cQFn[9\~5b <a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
a]R)U4\%IM </a>
gS:~V6q.],p*`_ <br>
&yk.l qd V0mG <a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>:_ W!}D&e9?kF%A&i
<br>xE)hose6{
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>!f(Za z3]'a{y
<br>        CLu3[gv
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
SA!f@c,wP <br>
]1U'ZN5~RE5S <a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
4zj1e)Bp <br> W)N[4k2u
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>3A] gGJ9d
<script language="javascript" type="text/javascript">dR/j+hO\,f
<!--
$]X`H\3L*q {k setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering9a bYzdB
//-->
L.uN3]T,N'~ </script>

页: [1]
【捌玖网络】已经运行:


Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.