网页之奇特的文字变化特效
脚本说明: D&@ |W m~v,?boBP6EK`6u
第一步:把如下代码加入<body>区域中 ?|!R+wEg|j
<script language="JavaScript">
function nextSize(i,incMethod,textLength)*SB ]:`Gh;P-X R
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );GK:r ?Y(mq
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14)))); _},^{ tvp7T
}%r Q v Xw9z s#V Y9P
xz"B p I
function sizeCycle(text,method,dis)F1a!IX n0c q
{!y"HeRE0X^&@
output = "";
for (i = 0; i < text.length; i++)
{,Y E5o2O3bX5j o#d
size = parseInt(nextSize(i +dis,method,text.length)); Bi;l(wRT5X)?
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}1R%HL#t;H}S8m
theDiv.innerHTML = output;
}
VcCRL
function doWave(n) :ys/E X%R] cv5T
{
theText = "JavaScript";@ w{2yH!Z&G3J
sizeCycle(theText,1,n);,^3tt/z%Oi:]
if (n > theText.length) {n=0}0kP[,v3s
setTimeout("doWave(" + (n+1) + ")", 50); S^ F/f;Kf {
}?IR!^0Q"s
</script>
<div ID="theDiv" align="center">O5YB+HH+z
</div>
.Xm.e ^N o:a B}4@ R b
tF ^ kj.S`am
sa E t ?P
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
页:
[1]