捌玖网络工作室's Archiver

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

网页之奇特的文字变化特效

脚本说明:
x#j W+@)r+AZ
0Kb`n] d 第一步:把如下代码加入<body>区域中
*|+Nq0\ m3jz <script language="JavaScript">.X3M@ b]4HY[&?$HM

U5X5z8S9Q7e ig function nextSize(i,incMethod,textLength)3W/W` A#r4@@NHM:CQ
{c[+D(vt-n&@
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );M5]D'Bs+m.ly
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
r*?z(h$ou;EX%d }yF%dn;_*WHo
/`,|*DKE pTB
function sizeCycle(text,method,dis)0p*PI_CJZ{
{
%Zm+v*jzr@'uSo         output = "";n)l'G ^Fzo:I P
        for (i = 0; i < text.length; i++)
.f%QO m;F         { ~3k\{(j4H%I
                size = parseInt(nextSize(i +dis,method,text.length));jy.Zd?+X
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";S'\)s'TajD
        }/xV{5|GM^
        theDiv.innerHTML = output;
pd;t E@3uX }*zLX*w-p+H }.tz
%JI2n+~}Aq
function doWave(n)
O _o,V g0w)C-a {   
'x;F H/l@5]&O6O"fH         theText = "JavaScript";
h!Ob%tS } k rA         sizeCycle(theText,1,n);
{k-AV O5M         if (n > theText.length) {n=0}
ps5^&i`8z3V(~k         setTimeout("doWave(" + (n+1) + ")", 50);$|og T0R+@
}
,L KT9e!S </script>+Y/tX_9L.e X
<div ID="theDiv" align="center">}]&e_nf,v

HY'x n|*o </div>}7h['C'qo;S |
T3B|4N!wu.x

{5ok6zV:n [q U+Lk_6u'M1px

,M3dx1\PNPC 第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

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


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