June44.com

◀ 2010년 08월 ▶ 12345678910111213141516171819202122232425262728293031

Nov

10

Saturday

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

JavaScript

레이어 변경 효과

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

이미지변환, 필터, 레이어전환

이 글에 엮인글 보내기

0 개의 댓글이 있습니다.

0 개의 엮인글이 있습니다.

그냥 한번 만들어 봤삼...ㅇㅅㅇ;; (2007-11-10)

이미지메뉴 소스 (2007-11-10)

today: 25 | yesterday: 29 | 67071
Copyright ⓒ June. All rights reserved.