레이어 전환 효과 주기 [IE 전용]
예시 보기 > Click~
<!--############################################# #### 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()">
<!--############################################# #### 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()">
[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
http://june44.com/board/blog/3
이렇게 가는게 편한데......ㅋ
수정 완료...=ㅁ=;;
DHTML로 링크 걸었더니.. A가 세번이나 들어가있는.........ㅇㅅㅇ