|
<head><script language="JavaScript">
function function1() {
myLayer1.filters[0].Apply();
if (myLayer1.style.visibility == "visible") {
myLayer1.style.visibility = "hidden";
myLayer1.filters.revealTrans.transition=2;
document.all.myButton.value = "Play Transition Circle Out"
} else {
myLayer1.style.visibility = "visible";
myLayer1.filters[0].transition=3;
document.all.myButton.value = "Play Transition Circle In"
}
myLayer1.filters[0].Play();
}
</script></head>
<body onLoad="function1()">
<div id="myLayer1"
style="position:absolute;
visibility:visible;
Filter:revealTrans(duration=2, transition=3);
left:92px;
top:257px;
width:100px;
height:75px;
background-color:#FFFF99;
layer-background-color:#FFFF99;
z-index:2;
border: 1px none #000000"
onfilterchange="alert('The filter has completed transition')">
<img src="yourimagefile.jpg" alt="" width="99" height="75">
</div>
<div id="myLayer2"
style="position:absolute;
visibility:visible;
left:90px;
top:245px;
width:103;
height:103;
background-color:#FFFF99;
layer-background-color:#FFFF99;
border:1px none #000000;
z-index:1">
</div>
<input type="button"
id="myButton" onClick="function1()"
value="Play Transition Circle In">
</body>
|