본문 바로가기

javascript

파도치는 텍스트 효과

<HTML>
<HEAD>

<!-- 1. 윈도우의 메모장 등으로 아래의 스크립트를 <HEAD>태그와 </HEAD> 태그 사이에 복사 해 넣으세요 -->

<Style type = "text/css">

.big { color: orange;
        font-family: Arial;
        font-size: 30pt;
        font-weight: bold}

</style>

<script language = "JavaScript">

        var TimerID;
        var updown = true;
        var str = 1;

        function start()
        {
          if (document.all)
          TimerID = window.setInterval( "wave()", 100 );
        }

        function wave()
        {
          if ( str > 20 || str < 1 )
                updown = !updown;

          if ( updown )
                str++;
           else
                str--;

        wft.filters( "wave" ).phase = str * 20;
        wft.filters( "wave" ).strength = str;
        }

window.onload=start
</Script>

</HEAD>

<BODY>

<!-- 2. <BODY>태그와 </BODY> 태그 사이에 아래의 방식으로 코드를 복사 해 넣으세요 -->

<div ID = "wft" Style = "width:600px; filter:wave(add=0, freq=4, light=0, phase=0, strength=5)" class = "big">
JavaScript Source Bank</div>

</BODY>
</HTML>