본문 바로가기

javascript

glow 필터를 이용한 텍스트 글로우 효과

<HTML>
<HEAD>
<TITLE> Script </TITLE>

<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<style>

.F1 {filter: glow(Color=#FF8000,Strength=10);
     width=150px;
     height=200px;}
    
.F2 {filter: glow(Color=#00FF00,Strength=9);
     width=110px;
     height=200px;}
    
.F3 {filter: glow(Color=#0080FF,Strength=12);
     width=90px;
     height=200px;}
    
</style>

<script>
// 로테이션 지연속도를 설정 하세요 (1000=1초)
var rate = 2000
var i = 0
var F = 'F1'
function doThing(){
   if (document.getElementById&&document.all) {  
      ok =  true
      i++;
      if (i==1) F = 'F1'
      if (i==2) F = 'F2'
      if (i==3) F = 'F3'  
      banzzak.className=F
      if (i > 2) i = 0
      timer=setTimeout('doThing()', rate)
   }        
}

</script>

<!------------------------- 여기까지 ---------------------------------->

</HEAD>

<!---- [2단계] <BODY> 태그안에 있는 코드를 복사 해 넣으세요 --------------->

<body bgcolor="#000000" onload="doThing()">

<!------------------------- 여기까지 ---------------------------------->

<!---- [3단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ---->

<table width="200" cellspacing="0" cellpadding="10">
  <tr>
    <td>
      <center>
        <font face="Courier" size="5" color="#FFFFFF">
        <p id="banzzak">
        <b>JavaScript Source</b>
        </p>
        </font>
      </center>
    </td>
  </tr>
</table>

<!------------------------- 여기까지 ---------------------------------->

</BODY>
</HTML>