文字忽大忽小
2014-09-09来源:易贤网

第一步:把如下代码加入<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);>

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息