捌玖网络工作室's Archiver

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

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

脚本说明: ay)F-A'~|.EmBt

|d3|%u Gr?W-kZ 第一步:把如下代码加入<body>区域中
$Jv0|E l,_%u <script language="JavaScript">@c*n$E:wA'u
%H.n$\4p6P]
function nextSize(i,incMethod,textLength)
*nY WdI!O\;n {["w:K(A{s2W!X
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
vNu|t if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
)Ww6m @ l+X U }M&eOS/Q-[

Eb_OM!k function sizeCycle(text,method,dis) `L%A\EX9Zb\
{
O4l)b0aT8~8W         output = "";
[[9xn c,lO ^ ?         for (i = 0; i < text.length; i++).G:m8Znb
        {&N;u*y Z-v
                size = parseInt(nextSize(i +dis,method,text.length));%K jPX-yO
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
)ME-RTO'e k         }9v]$YQ6j{p8x%Y
        theDiv.innerHTML = output;FPMO u9b Y
}R G&x GDE7Z?g
0lH;VN2o w@
function doWave(n)
}!Mt VcVLe {   w([4H gQ'K9M
        theText = "JavaScript";
#Yg:C8[{1~5C6v2}         sizeCycle(theText,1,n);!{#t#k{O$m
        if (n > theText.length) {n=0}
K/}rKC(A ZB9uy l         setTimeout("doWave(" + (n+1) + ")", 50);9y`^1D2V8Y.v:ni(K-P
}
S }D,WmX%A2N </script>Zg}:Ud.PU] g
<div ID="theDiv" align="center">I2b'Cit
(`ai|t P
</div>
0`C-G(] kGs;S e7` X4L^;{q}

GQ&V?Sy ZC$^`.Tn@

S'?+K.h~Z$f%j']j:`V}5M 第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

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


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