网站制作学习网JS脚本→正文:文字忽大忽小
字体:

文字忽大忽小

JS脚本 2008/2/1 7:57:26  点击:不统计

脚本说明:

第一步:把如下代码加入<body>区域中

<script language="JavaScript">



function nextSize(i,incMethod,textLength)

{

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))));

}



function sizeCycle(text,method,dis)

{

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>";

}

theDiv.innerHTML = output;

}



function doWave(n)

{

theText = "网站制作学习网";

sizeCycle(theText,1,n);

if (n > theText.length) {n=0}

setTimeout("doWave(" + (n+1) + ")", 50);

}

</script>

<div ID="theDiv" align="center">



</div>







第二步:把如下代码加入<body>区域中

<body bgcolor="#fef4d9" onload=doWave(0);>

·上一篇:文字逐渐变色 >>    ·下一篇:文字逐个变色 >>
推荐文章
最新文章