본문 바로가기

javascript

Blink Text -- 반작이는 텍스트

<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. 없으면 그냥 두세요-->

<STYLE TYPE="text/css">
   BODY {
         background-color:#FFFFCC;
   }      
   .source {
         cursor: hand;
         color: #cccccc;
         text-decoration: underline;
         font-family: 굴림;
         font-size: 9pt;  
   }
</STYLE>
<SCRIPT>
<!--
  function init(strength) {
       if (strength < 11) {
         strength += 1;
       }
       else {
         strength -= 2;
       }
       document.all.textGlow.style.filter = "glow(color=#ff0000, strength=" + strength + ")";
       setTimeout("init(" + strength + ")", 50);
  }
//-->
</SCRIPT>


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


<BODY onLoad="init(11);">

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


<DIV ID="textGlow"  STYLE="font-family:'Arial Black'; font-size:35pt; color:white; width:500px; height:200px; position:absolute; left:100px; top:100px; z-index:1; filter: glow(color=#ff0000, strength=11">
<font face="굴림">사노라면 언젠가는<br>잊을날이 있겠지요</font></b>
</DIV>