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

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

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

<script language="javascript" type="text/javascript">
A3mNdXc <!--
YrspS:Q%f Ui-X*? // convert a single digit (0 - 16) into hex
K?8F/[F g3r Z function enHex(aDigit)4u%XEKd^ pyB
{
@6\QP(M
Y     return("0123456789ABCDEF".substring(aDigit, aDigit+1))
(i'HI M7|%x(Wx }
MB']1?GJ // convert a hex digit into decimal-`Yv]8s+Feo%tx
function deHex(aDigit)

hcK%n;LLR%N8V {X2}2]5Rb*U6g
    return("0123456789ABCDEF".indexOf(aDigit))lV%c[!k` ND
}^8R7a iJV2xua
j'TBQ
J!c J3z
// Convert a 24bit number to hex
%W4U#h7P?L function toHex(n)k h!yvF"J.h:Qj
{
YC%G
Q"} b!t]WE,f     return (enHex((0xf00000 & n) >> 20) +p2Vd"Q[tNE
            enHex((0x0f0000 & n) >> 16) +
)]q4e)H)qb^             enHex((0x00f000 & n) >> 12) +
F(Gx(}/R             enHex((0x000f00 & n) >>  8) +#M[b/UyhA
x^*^!n#d
            enHex((0x0000f0 & n) >>  4) +
+v']^E(|i/O4o:d             enHex((0x00000f & n) >>  0))F] e*\p
F
}
!X&h%~/v$d1W | // Convert a six character hex to decimalK"_3~ q&a%Q*n
function toDecimal(hexNum)X/w]/B_#L _%W
{
-D:S `oD9K            var tmp = ""+hexNum.toUpperCase()[Bg J,k c` L _C!en
    while (tmp.length < 6) tmp = "0"+tmpH,f#L^@4z
           return ((deHex(tmp.substring(0,1)) << 20) +x^8x:LG3O9K
                   (deHex(tmp.substring(1,2)) << 16) + h.d~(YU
            (deHex(tmp.substring(2,3)) << 12) + Z.YW"oW~&u~#Y
            (deHex(tmp.substring(3,4)) << 8) +x j
s#I9B fIAJ
            (deHex(tmp.substring(4,5)) << 4) +d6v3n4b z{,S[
                   (deHex(tmp.substring(5,6))))GsM|!i2B3v$X5I
}
]:S&jn,~~Y\+G7c ///////////////////Shimmering Links/////////////////////#|2W(V7kcg.X
//global variables
uZ4`0_ R m var hoverColour;h%ozI1w6ps,y
var numLinks;
h$e4SU5F var rate;
4o)Y3slm3Ye ] var numFadeLevels;
"Ay\-yQ var bgR;(Yl6k JW|*lj3J(j
var bgG;
-k!AGYRs var bgB;
c7[gyGP var currR;;Y^A,K@T2O
var currG;
-x"Cq)Ks var currB;_(q2l;[+wP6M
var count;
[\SZ6n var fadeOut;
Ie&P$i:q4C3G var continuous;
4b(TN3s9g!Uh&C var newColour;
6Z e+?,N AW,g var tID;owg*a4k |)Ib5f
var redInterval;ZH`g
N/i;^
var greenInterval;8g9S8Q:\D
mI#pw%Na
var blueInterval;}Y-_Z+]!P&`4d
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour).v(PX]|
{'L F Pg-P
        hoverColour = mouseOverColour;-yNj KH
        numLinks = numberOfLinks;9H_uTZa
        rate = 1; u([#E;FV2^W6m2H
        numFadeLevels = 30;
[jF%z9d*@%p         function initArray(theArray, length, val)
6u VI/[_ l         {
n)gX2m)PM6s,z i4S                 for(i=0;i<length;i++)
"W*S]DT;[ju                 {
;@7`].m.r_Xn.W                         theArray[i] = val;
&?7]yd6m&X                 }2f3QjF4O0bg*i ge;@1E'D
        }
/y[[j)H!]6}3]-qD         bgR = '0000' + fadeOutColour.substring(1,3)
iV'fY!wR3MH4D6I         bgG = '0000' + fadeOutColour.substring(3,5)
s+OD2qK]zL*K         bgB = '0000' + fadeOutColour.substring(5,7)
F(P1G:n5c;]r         currR = new Array(numLinks);
K9@F2t+WH_0z
        currG = new Array(numLinks);
-xJNZ4h2H2v         currB = new Array(numLinks);
%KS6Y'~ y&@(I%fA         count = new Array(numLinks);!X/KB)U8G?4O}
        fadeOut = new Array(numLinks);[:V0Q AK0W:GI9K
        continuous = new Array(numLinks);k&ly1ceR
        newColour = new Array(numLinks);
'C-[bqn(X7M9Qj         tID = new Array(numLinks);
8PUs`YUVyh         redInterval = toDecimal(bgR) / numFadeLevels;3T.a;d;]&jT0TBD
        greenInterval = toDecimal(bgG) / numFadeLevels;
&y.[,ctJO         blueInterval = toDecimal(bgB) / numFadeLevels;,_\ mdh
        initArray(currR,numLinks,0);fDz_2ai
        initArray(currG,numLinks,0);`Wo2\L)B
        initArray(currB,numLinks,0);KJCNPH|&n
        initArray(count,numLinks,0);
Q(R8b{u1qK         initArray(fadeOut,numLinks,true);
G2U[|(eb0JV         initArray(continuous,numLinks,true);"l_zq`g#q+F
}        Iq7Py!ecQ
function startFade(id)
,e6aus)sE Mn {
/v Vzp#cLz         if(fadeOut[id] == true)!p$L]*?7A
        { /*move colour towards background colour (increment)*/
5HK9c+cQ9jpD(WPu                 currR[id] += redInterval;
J{Uzo.p8VZ                 currG[id] += greenInterval;
j(^lntc.u1`6\                 currB[id] += blueInterval;u$Z W `/M$h)Z
}
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);5t,O0YALx
                if(++count[id] == numFadeLevels)#_'knqy
                {
\)r&?6Y)U                         fadeOut[id] = false;
d/{Y\|dS                 }9@
Q V ^(p
        }
]0C(Y
x%Mj(Y}         else3JG$x)Pk,HsTpI
        {
6p[+gy*?e g1F                 currR[id] -= redInterval;1^.?2Ji
NM

q8Qk{
g Mdp v+~                 currG[id] -= greenInterval;'E#{|$augG?2F


Mgl `8cQM^                 currB[id] -= blueInterval;
[!`i H9?p;\#IN t/tC-x4v#S
                newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);5b)N!~$fX

1\/DHRwF                 if(--count[id] == 0)!|z(O zM
$`o^ Yht _~9KH
                {4H*CmRTj
o6K9}%?[
                        fadeOut[id] = true;"Y){3P,FIr.b.d'F8E
t9Oi x CU*OyWp
                }
1NWLN.|9?R -rf&{%E
aL2xJ[
        }
G H5j3C,x g
%p&?t9T4]6r7J5]q[         if(continuous[id] == true)3~WeV8DJ7t-E

1M?"iT0}@'s/F         {&o/Y
c%U
r;ME

!r2a&_-WJA                 document.getElementById(id).style.color = newColour[id];               
P"z ^/Zv,u 4vv2S7f6]
        }(R-l$Iv:p/],Z
2t#IX0ffg)c
        else
M"]cD:x
d(`u3^!y.F$b-\
        {~+QZq+zc

,LdM{U
k2rZ!P c2f                 document.getElementById(id).style.color = hoverColour;%D[e!H+?i

ByZ9tN         }
RE6PR&g~|)Di3N
-~T]&Ue4g;i5p$iLA         clearTimeout(tID[id]);3CVN|PE N

Q5OIf6yy [b"ewP         tID[id]=setTimeout('startFade(' + id + ')', rate);4gQ:`,a~,}QY
3ko0Q)^"rK+r
K
}la
r$qJ^+`

S:Z C-|@t function continueFade(id) bbx^ O5mM

7|:n!wo5Y,s {UZt[7X7zG*q
GoI_?
        continuous[id] = true;c8WXN(M(H]
/i3_#G"E^P9Yr
}
[b3_ i:M-w.K,n H?)e/}A+z%Y*t-{ STZ
function stopFade(id)N`2W}6}
?
7dM#{.A4i
{8a6}[,}%k&t8nSg

L]X8O$Df         continuous[id] = false;%V o/SI\cv
XT1d|:dq0wR~)h
}
?6OEo+M"M4O6B%V ,I2_/]9N1@GO
function StartTimers()"v@$nq"F%vwrJ
qfJ"l&mrG)Y/Z
{        //set up an initial set of timers to start the shimmering effect
:P Qd7Qd8A
1_5yc4n;_.^v'r~         for(id=0; id<numLinks; id++)Z4{hs M+m:F

g?[zdh6},@4_         {
m:a-qu@cG
,N*M^RJL*b                 t=setTimeout('startFade(' + id + ')', id*100);_g'c:m iV3P4x]9V:[[

/wR:f0x0n.~_`^5[         }A+KS3ZtS$t/lQm

kC e_jER2? } YN^7n O&f-i
y.Ee;@:x(v
//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')
L2S3ai5bmDSo
o3U
X+~ R-[!c$A)_B4MP g initLinks('#FF0000', 6, '#FFCC77');*[1p8Z+M^5S5K(c9x

E*e}6p&YN-s //-->`Y#WT/_|8P#T'x

(TT[Q ppI </script>}$f_:kxw/O ]9f%X
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元+Y-{'_| y"M;Ox
</a>
'n!d/Eu-D <br>
+a|"mc/Pge Fv1wS6z <a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a>
j WPgloLZ <br>
/b#cz l
M <a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
&k.ed#P2l)AK"C <br>       
4FE K.t6Qij <a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>
(]*{6[8@ D0{7\u g <br>
X c5l@Ip%t|:[ <a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>
s5s{8S8mC'Fe3QHd <br>
Y~#P[V+?h^ <a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>:dx!G
L$b'A8C
<script language="javascript" type="text/javascript">
\!MKnl#~y-@
Tp <!--
/t9MLNY:S4WL setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering(I)F+]NJm5WP
//-->
(T1m7Ys5y </script>

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