본문 바로가기

javascript

텍스트 글로우 효과

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<SCRIPT>
<!--
        
                function doGlow(newStrength) {
                    if (document.all && newStrength < 255) {
                                newStrength += 10
                            document.all.glowText.style.filter="glow(strength=" + newStrength+ ")"
                            setTimeout("doGlow(" + newStrength+ ")", 100)
                    }
                }
        
//  -->
</SCRIPT>

<STYLE TYPE="TEXT/CSS">
#glowText {width:500; height:100; font-size:36pt; filter:glow(strength=5)}
</STYLE>        

</HEAD>

<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY BGCOLOR="#FFFFFF" onLoad="doGlow(5)">

<!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->


<DIV ID="glowText" ALIGN=CENTER valign=middle>
안녕하세요
</DIV>