본문 바로가기

컴터/Javascript / html

이미지 전환효과(IE전용)

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

http://june44.com/board/blog/3

<!--#############################################
####           http://June44.com/            ####
#### 저작권자 : June.                        ####
#### 해당 배포물의 출처 삭제를 금지 합니다.  ####
##############################################-->


<script language="JavaScript">
function Play() {
 document.getElementById("writeCont").style.visibility = 'hidden';
 document.getElementById("filtercont").style.visibility = 'hidden';
 document.getElementById("filtercont").style.filter="blendTrans(duration=1)";
 document.getElementById("writeCont").style.filter="revealTrans(duration='0.5',transition=23)";
 document.getElementById("writeCont").filters.revealTrans.Transition=23;
 document.getElementById("filtercont").filters.blendTrans.apply();
    document.getElementById("writeCont").filters.revealTrans.apply();
 document.getElementById("filtercont").style.visibility = 'visible';
 document.getElementById("writeCont").style.visibility = 'visible';
 document.getElementById("filtercont").filters.blendTrans.play();
    document.getElementById("writeCont").filters.revealTrans.play();
}
</Script>
<span id="filtercont" style="width:200;height:200">
<span id="writeCont" style="width:200;height:200">
레이어 변경 효과
<img src="http://june44.com/source/layereffect/ferari.jpg">
</span>
</span>
<input type="button" value="효과보기" onClick="Play()">

'컴터 > Javascript / html' 카테고리의 다른 글

홈피 줌(zoom)  (0) 2007.12.06
재미있는기능  (0) 2007.11.21
배열 폼 체크 하기  (0) 2007.10.25
페이지 로딩 완료후 스크립트 따로 로딩 - Ajax 도 가능  (0) 2007.10.05