컴터/Javascript / html

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

우렁씨 2007. 11. 12. 16:43

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()">