아래는 본 예제의 자바스크립트입니다.
<html>
<head>
<title>해피CGI</title>
</head>
<body>
<script>
var t=0;
var w=0;
var bcol=Number(255).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = '0'+bcol;
var txtColor='#'+bcol;
var bcol=Number(65535).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = '0'+bcol;
var gcol='#'+bcol;
var bcol=Number(65535).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = '0'+bcol;
var bcol='#'+bcol;
var fontFace = 0;
var fontSize = "40";
if (fontFace==0) fontFace = 'Arial, Helvetica, sans-serif';
else if (fontFace==1) fontFace = 'Times New Roman, serif';
else if (fontFace==2) fontFace = 'Courier New, Courier, mono';
else if (fontFace==3) fontFace = 'Georgia, Times New Roman, Times, serif';
else fontFace = 'Verdana, Arial, Helvetica, sans-serif';
var mwi=400;
var fontWeight='plain'
var swave=10;
var tee = '신기한 스크립트네요'; //텍스트 문장 삽입
var tpause = 20;
document.writeln('<table border=0 width='+mwi+'><tr><td>');
document.writeln('<div id="jsgbmain" align=center style="width='+mwi+'px; color='+txtColor+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+tee+'</div>');
document.writeln('<div style="width='+mwi+'px; filter:FlipV"><div id="jsgbshade" align=center style="width='+mwi+'px; color='+bcol+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+tee+'</div></div>');
document.writeln('</td></tr></table>');
function getRef(etcn) {
if (document.layers) return document.layers[etcn];
else if (document.all) return document.all[etcn];
else return document.getElementById(etcn);
}
function jsgbwavy() {
if (document.layers) return;
if (window.opera) return;
if (!document.all) return;
w++;
t = Math.abs(swave-w%(swave*2));
var o = getRef("jsgbmain");
o.style.filter = 'Glow(Color='+gcol+', Strength='+t+')';
var o = getRef("jsgbshade");
o.style.filter = 'Blur(Add=0, Direction=0, Strength='+t+')';
setTimeout("jsgbwavy()",tpause);
}
jsgbwavy();
</script>
</body>
</html>
|
