<!--
Example revised from
The Web Programmer's Desk Reference
by Lazaro Issi Cohen and Joseph Issi Cohen
ISBN: 1593270119
Publisher: No Starch Press 2004
-->
<html>
<head>
<script language="JavaScript">
function function1() {
Layer1.filters[0].Apply();
if (Layer1.style.visibility == "visible") {
Layer1.style.visibility = "hidden";
Layer1.filters.revealTrans.transition = 2;
} else {
Layer1.style.visibility = "visible";
Layer1.filters[0].revealTrans.transition = 3;
}
Layer1.filters[0].Play();
var m = window.event.srcFilter;
alert(m);
}
</script></head>
<body bottommargin="150">
<div id="Layer1"
style="position:absolute;
visibility:visible;
Filter:revealTrans(duration=2, transition=3);
left:92px;
top:257px;
width:100px;
background-color:#FFFF99;">
<img src="yourimage.gif" width="99" height="75">
</div>
<input type="button" id="myButton" onClick="function1();" value="Play Transition">
</body>
</html>
|