简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

文字忽大忽小

来源:易贤网   阅读:1251 次  日期:2014-09-09 14:24:32

温馨提示:易贤网小编为您整理了“文字忽大忽小”,方便广大网友查阅!

第一步:把如下代码加入<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技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:万年历代码
下一篇:文字逐渐变色
易贤网手机网站地址:文字忽大忽小
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!