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

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

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

脚本说明:

第一步:把如下代码加入<body>区域中
<script language="JavaScript">

function nextSize(i,incMethod,textLength)l"z]6[%z y_y(Y
{$GY!l)k#S$hC.U5ql
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))));
}$p[!{.@4RY)u%L1@

function sizeCycle(text,method,dis)
{ _d_&M/[,B"c*B
output = "";J)F2vY!D q~'h
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>";d WhYjp3Fg2S
}8h~'r6WI0yzZ??@
theDiv.innerHTML = output;/Q.y+WW#YA
}bh~"p~#~_
)BCc5[[S
function doWave(n)
{ @;VW*`lS
theText = "JavaScript";
sizeCycle(theText,1,n);P'`0_*n'm
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>
<div ID="theDiv" align="center">&?&aq:s/xK2ZGk
M!lt#eS2pE
</div>'nE x*MV^an&H[;@?

O[`"NJ
~A/M,cmX3ny IGt v
I5R5B&D[h,Gq
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

页: [1]

捌玖网络工作室's Archiver

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