The CSS Display Property Pop-up Method

Test this pop-up method: Using the CSS Display Property Pop-up Method

Windows IE: OK
Windows Firefox: OK
Windows Safari: OK
Windows Opera: OK
Mac IE: OK
Mac Firefox: OK
Mac Safari: OK

BACK TO LIST OF POP-UP METHODS
BACK TO HOME PAGE

THE CODE

<html>
<head><title>The CSS Display Property Pop-up Method</title>

<script type="text/javascript">

function show(l){e=document.getElementById('o');e.style.display=l;}

</script>
</head>
<body>

<IMG SRC="doorknob.gif" WIDTH=50 HEIGHT=50 BORDER=0 onMouseOver="javascript:show('block');return true" onMouseOut="javascript:show('none');return true">

<div id="o" style="position:absolute; left:200px; top:100px; width:400px; height:400px;display:none"><IMG SRC="doorknob-big.gif" WIDTH=400 HEIGHT=400 BORDER=0></div>

</body>
</html>