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 |