捌玖网络工作室's Archiver

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

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

脚本说明: q8c7c2n^

'?:NE,Q^&~ 第一步:把如下代码加入<body>区域中B7Dx0r^ Ks
<script language="JavaScript">Oi?,F$YblBL
bo#f,qYvF*sL@
function nextSize(i,incMethod,textLength)
#k5{z/W~1S {7}'r/~ {-a.w"J9`0Z%P
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
*Ln#EL-M,Q^ if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));o.VIg2Om N8h
}"n k/\{z

$gP;L5\biH[ function sizeCycle(text,method,dis)
` cb1@+b| i5o {
\;@WbA2C6pWf         output = "";&JY/XxO;s(l.e
        for (i = 0; i < text.length; i++)
*Tp'K6a.{(L1Lr\         {
Q4{&^diV0?8} _                 size = parseInt(nextSize(i +dis,method,text.length));0qD#s+Uyx
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";&p p1x/{M ?
        }
rN(jfV[t         theDiv.innerHTML = output;
w6l'y^H~Lr }
g hS'xx%~0K8yL rNT:o&Leb
function doWave(n) &l EW iX?A2Z
{   
o0M5S0kyhz\(r,x         theText = "JavaScript";0S I9s%c1w5s9S9Z*Z
        sizeCycle(theText,1,n);
u.PY/F d:ez!{         if (n > theText.length) {n=0}y[TlMa jg;l$x7y
        setTimeout("doWave(" + (n+1) + ")", 50);7z$};U&Y~[x
}8P&?d o9W/f{0Qu
</script>+q$`,C-l5QO3h ^
<div ID="theDiv" align="center">
,\.tm5fR4|y O qkF
)M(F'H#n;d!b6b </div>
qQ @Zy C
&D:m pc9EY_6z%I5l M'g9}Kw&I JL:fB
P(QKXd+q
"fXT\J/D0R
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

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


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