웹마스터 팁

  2. Support
  3. 웹마스터 팁

▩두문장을 blur효과주며 보여주기

2002.02.26 20:46

▩윤미

==================================================================
미리보기: http://my.dreamwiz.com/dong0987/study20.htm  


롤오버 이미지에서 blur효과를 주듯 텍스트 문장을 차례대로 보여주면서
중간에 blur효과를 줍니다.


===================================================================
소스
====================================================================
<HEAD>


<STYLE TYPE="text/css">
H2 {font-family: Arial; font-size: 30pt; color: #ffff00; background-color: #ffffff;}
H2.before { color: #009900; background-color: #ffffff;}
</STYLE>

<script>

function filterApply() {
          blendTrans.filters[0].Apply();
          blendTrans.innerHTML = "<h2>첫번쨰 할말</h2>";
          blendTrans.filters[0].Play(5);
            
}

</script>

</HEAD>

<BODY BGCOLOR=#222222 onLoad="filterApply();">

<DIV ID="blendTrans"  STYLE="position: absolute;  width: 300; height: 100; top: 150; left: 180; filter: blendTrans(duration=8)">

<H2 CLASS=before>두번째 할말</H2>

</DIV>

</BODY>
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기