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

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

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

<script language="javascript" type="text/javascript">
:a*V9dcHu-{ <!--
n:Y#s;p1M;^R // convert a single digit (0 - 16) into hex

p0c_F5Jy)_ function enHex(aDigit)
n MSh7p u {1A.L!h9K"@|4R$}1Gu
    return("0123456789ABCDEF".substring(aDigit, aDigit+1))
f+a,B8JD4F-cd }
}$m C,B-X:\ // convert a hex digit into decimalcL+Vp7A@
function deHex(aDigit):Jukr8AFW?
{,|"Y/W@]n#N
    return("0123456789ABCDEF".indexOf(aDigit))
.oF5p
L%{ ^+dS }4n:o
~X\o_m
6N(jzw4B
// Convert a 24bit number to hex5p};RO_P
function toHex(n)
b!y~
Vv {r|
rbj#O
    return (enHex((0xf00000 & n) >> 20) +W3f/] ?)P"C1E$D
            enHex((0x0f0000 & n) >> 16) +
)D&T8~*Bz
L5U             enHex((0x00f000 & n) >> 12) +
fI4r8Tr$}s             enHex((0x000f00 & n) >>  8) +
4ixxZwN%k             enHex((0x0000f0 & n) >>  4) +&|8|1Ek3Q*Mh NeH
            enHex((0x00000f & n) >>  0))P eq4_1B G(rh K5y
}5WS{b%H6k
// Convert a six character hex to decimalr'zug6N3F-\wI
function toDecimal(hexNum)

oa ~g^&TMe5Z {
9q6jR W7E            var tmp = ""+hexNum.toUpperCase().v!WP_6G^!{
    while (tmp.length < 6) tmp = "0"+tmp
,iZi3pGL5_\M            return ((deHex(tmp.substring(0,1)) << 20) +
/`"P,`l6[!\                    (deHex(tmp.substring(1,2)) << 16) +
`5h L"\2]             (deHex(tmp.substring(2,3)) << 12) +mA&BX(Vr+_
            (deHex(tmp.substring(3,4)) << 8) +6i+|H w0qQ
            (deHex(tmp.substring(4,5)) << 4) +
*z"FW"a L#o{`                    (deHex(tmp.substring(5,6))))
&u4w$ggx3} O:? }
{gC
C2Z.m:Q6kB;AmGo ///////////////////Shimmering Links/////////////////////GW](uK&t)I#I"v
//global variablesz6Kkz1T \#dr
var hoverColour{7Uf\#b
W8|
var numLinks;
Wr(A#^f!J7ygzM var rate;
X
[D:M`1|,e var numFadeLevels;
K7G)q9}]9S p var bgR;
"n(T9]L@ var bgG;
Qb.zR7zU#a%D;HHu var bgB;(r)M-ZEHO)^ f
var currR; t%@4C}7a6c
var currG;
'J:Pm.n[x;T var currB;
5Ol:\8A?Si7g*wF var count;
#i-[ ` i|%b$YPq var fadeOut;
g&b.WD
j#e var continuous;
!Cz JOH_ var newColour;oG$i#j&\'e]
var tID;9Y,J G(u]kg
var redInterval;~|8T:B&L5fR9r
var greenInterval; uy1^M.NmnV
var blueInterval;;a1J Ux$iWX,h F
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
;q'S,^]v6i
E} {
l'dg'[L8w
        hoverColour = mouseOverColour;`Z3H"@fpa$EFq_
        numLinks = numberOfLinks;XC%oIoP"qp2jNJ
        rate = 1;
Hz$W i}:Y7i         numFadeLevels = 30;
u5y-Q\hPbu         function initArray(theArray, length, val)
oP K$I&omA r.c         {ud JR5Rj
                for(i=0;i<length;i++)
'dE}-DaGn                 {*Y0_#o'nla'T~
                        theArray[i] = val;6h O Eu7fW*vM
                } r*ec!s7O7@
        }&gfkj$k,{\
        bgR = '0000' + fadeOutColour.substring(1,3)
-[V Gw,M6L'sbrS         bgG = '0000' + fadeOutColour.substring(3,5)\4d,S|1lhg0OALG
        bgB = '0000' + fadeOutColour.substring(5,7)&P$K4H"NVV#Xnl
        currR = new Array(numLinks);
:r z }g7zU8ID g2A         currG = new Array(numLinks);
!}p(pxK.r         currB = new Array(numLinks);Y n!l M@9hW:j M-^9N
        count = new Array(numLinks);zpUM0V PT.^E
        fadeOut = new Array(numLinks);JTA.Q
\5B5~6x
        continuous = new Array(numLinks);dr6]\:Bwn+[
        newColour = new Array(numLinks);
e2X\J6H:K         tID = new Array(numLinks);
u$d9H;g.Q;u         redInterval = toDecimal(bgR) / numFadeLevels;
MEF.Cs hj         greenInterval = toDecimal(bgG) / numFadeLevels;0[^?'QHW
        blueInterval = toDecimal(bgB) / numFadeLevels;*u(m[Z2VD a
        initArray(currR,numLinks,0);
HTWWn-U
        initArray(currG,numLinks,0);#H%NG3D7bJ
        initArray(currB,numLinks,0);? {/F2EV0@-kSB
        initArray(count,numLinks,0);
R2~3?7Iys+Jx         initArray(fadeOut,numLinks,true);,B9s4F
v)X |
        initArray(continuous,numLinks,true);[
w|N!O.gB;{
}        V5wd3a7OLm5@
function startFade(id) hz xj(Vs5C8Z3g lzJp
{;g)F"v$Ls3E-C
^E
        if(fadeOut[id] == true)?FP*n/Xn
        { /*move colour towards background colour (increment)*/;Cd#p5]hR1M:_$g
                currR[id] += redInterval;/[,P;Pm-r]
                currG[id] += greenInterval;-|{]v C(OzB
                currB[id] += blueInterval;
Gk7f/bk*x/F                 newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
W+T`D~D'U                 if(++count[id] == numFadeLevels)
d3dF3HC*S"p                 {
'o!z!GG+W:]                         fadeOut[id] = false;
\/G,bu){#Q)H.OJ@                 }
{0I'N'hHD$p         } l+|'\*WC6~
        else,dsWrDu!]fL
        {
!D#R*q0r]%QD                 currR[id] -= redInterval;
/X];o+t3Z.PlFE
0KI5mI G`                 currG[id] -= greenInterval;'O!o(xi8XvN
P`~EA.H9V7j
                currB[id] -= blueInterval;
"G?;I7C vt2DXw%Z6x
6B&J(u(j k(n!`o                 newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
7U.IF e(}u*M[tPb *g7Hh'a R
                if(--count[id] == 0)
Z ^GS;D F(V$S8e4E }m6N)T
                {+Hl8fY{
C
jU}~2O2JGi
\
                        fadeOut[id] = true;5x/oVuf~5f#t-L"Kt

;s#~2Z5P3p zR                 }r5H/v"W5sMae"e
0h8i)EL,x @5D)o\
        }%TH:e"?SCV(q
0K?9Pm&|uH
        if(continuous[id] == true)-\)b:X+j(s c-z6w&m
XJ)p9C~
N*g
        {._3R5T{ wSI.?
g'RuOlh
                document.getElementById(id).style.color = newColour[id];               
$x vVv|Pb zbI"B5LhUX`
        }f1M X2PV)Q/{7Q
7O!`p O"?Sic
        else#? si!lHD,b-n

egy!p R'H!G0Z         {;hp|E6S ^}Zv
e*gyGK6Z8J
                document.getElementById(id).style.color = hoverColour;F ^@8y$H6qq)J
o6S G A"D7o
        }
{7U/a2Q fi)^?,y0mA
Vu vg8`#F x#B3Os         clearTimeout(tID[id]);
2^[ZC^h9f6S
+G:dI~rX-C,u*h         tID[id]=setTimeout('startFade(' + id + ')', rate);
w+JI1W,]d-f9e8p.{

} P._}/?9pP }(b QLa){[m'Qg
+u6V?`,[%L`
function continueFade(id)'v~!~A8tsO

z$JQ rO {
5K,}1s4Y,{}%k y,B "_Y/]0} ?/{wV
        continuous[id] = true;3?YS RG9?9ET'Y9uM
)CaPY6c;W
}zt@0R-EPe6g

o^$xWDH.O/m function stopFade(id)
+hGSQCQ
2E~!R#Y*YH.n {
["[#zm.Y
/IFE[QS({ C`,G         continuous[id] = false;
E!?H!vWE
p)b-s\gfJ }
3v![\;ELB#q3_

jYJ+\zq function StartTimers()
&Px{.N&V\m/m?
d:{X}?.e {        //set up an initial set of timers to start the shimmering effect
H9G1x.l A_c 5HKU+J_,?*_;W,d,E
        for(id=0; id<numLinks; id++)
V^:h#w0~V#Fh
p;l!h;{LL         {#_I!eL3c/}Z0Y2l
4F)v,p4s-n
M
                t=setTimeout('startFade(' + id + ')', id*100);o$g$wXpHMW

4GDsZQij         }
2}}5~"dd~R+?#n
lAgv!jDM&z2eU:j }
,IbGnz`}su
%kYHnv6m //format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')KNGZ}a7OyHN ub

`d^pJ[{.R initLinks('#FF0000', 6, '#FFCC77');-K(OBM_@
7J6c9iz)y;V~yL
//-->*K Ka}\.q7Mb,F
7Cf\IB:O/O
</script>
LlU2Nfr
mb <a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">国际域名：58元
#z Mhc+k3@|.wK </a>
|*zPs ?L'~9y <br>iIQ%RW iXc
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://7wind.net/">国内域名：110元</a> r9|3{Sc|sI
<br>t9FS:Z$ys%y{ wAso
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://7wind.net">新一代企业信息系统</a>
T2NdE'@K4_By <br>        ;z#s.a4n2bXw
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://7wind.net">新一代网络商城</a>T{W5P]7Y
<br>
}3z;Kd
NG <a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://7wind.com/">全新的自助建站方式</a>9?pEh wx
<br>KV2|"qZ"O/[(C
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.webdevelopersjournal.com/">全新的设计理念</a>
O'Z'\&DOA9z~o <script language="javascript" type="text/javascript">+@UOts
<!--6Oj,^W:CxX
setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering.]!u K }'B
//-->
)R Xxfs Ux </script>

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