글자에 멋진 효과를 주는군요



Script Example

<head><title>Demo35</title>
<script language="JavaScript">
<!--

var theText = "홈제작바이블 ";

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 color=white style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}

function doWave(n)
{
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 100);
}
//-->
</script>
</head>

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

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

</body>
</html>


설명
파란색부분 : 원하는 글자를 입력하세요
빨간색부분 : 변하는 시간을 조정하시면 됩니다.(100 을 200 으로 하면 변하는 속도 감소)