글자에 멋진 효과를 주는군요
| 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 으로 하면
변하는 속도 감소) |
|
|
|
|
