网页之奇特的文字变化特效(页 1) - 网页编程 - 捌玖网络工作室 |网页制作|平面设计|建站交流|代码资料|建站教程|主机域名|asp、php、jsp代码|网站素材

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

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

脚本说明: I7c\ n0d-V.D]7_%T

第一步:把如下代码加入<body>区域中
<script language="JavaScript">\dd2~1u6]
_fU2S6yk.~
function nextSize(i,incMethod,textLength)
{D)}4dH(en'e0Mt
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));%K \hu$X|.dG7W^
}BmCS#OrZKr

function sizeCycle(text,method,dis),S!{8{`DR
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";FY6|5]agj5L U
}OUDtJQ}#M@
theDiv.innerHTML = output;4Bx/R@({3dq-E
}7o3sT-i-E3D
"P.o*@"`A j
function doWave(n) V1s@v |g9U
{ 3],hJCr%zq6]5Q'l"U
theText = "JavaScript";
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>|-Op?S.R5@i.w\r
<div ID="theDiv" align="center">

</div>
+`$c {s7P
4A:f9cc:K;j'x

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

页: [1]

捌玖网络工作室's Archiver

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