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

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

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

脚本说明: Nh+y,ou3B X
H X cSs*C(WE [
第一步:把如下代码加入<body>区域中
<script language="JavaScript">

function nextSize(i,incMethod,textLength)0VOw8xb|^ H]
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );1|^m)w4JM
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));5B%l%F ac;S
}

function sizeCycle(text,method,dis)c.n'dN3pu
{/J[%k8a[uK+I
output = "";/b[eh\#y
for (i = 0; i < text.length; i++)\7~3o7T8L&O:q.N
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";SN#D&NU
}p e"E5t ~ Q
theDiv.innerHTML = output;3Rz Z4`q%@-me8l
}8DR9w^mI
e&N}/_;y:m
function doWave(n)
{
theText = "JavaScript";`(j*i.vmq-IT9h7l8k `
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}+T {!YR*x.I
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>;q]2JYT%H`
<div ID="theDiv" align="center">#z\P7k7{a,f3]

</div>
a*A f@}5g+epe

EOdhL'q

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

页: [1]

捌玖网络工作室's Archiver

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