<script language="JavaScript"><!--
function show(object) {
if (document.layers && document.layers[object]) {
//netscape
document.layers[object].visibility = 'visible';
} else if (document.all) {
document.all[object].style.visibility = 'visible';
document.all[object].style.zIndex = 100;
}
}
function hide(object) {
if (document.layers && document.layers[object]) {
document.layers[object].visibility = 'hidden';
} else if (document.all) {
document.all[object].style.visibility = 'hidden';
}
}
//--></script>
<div id="first" style="position: absolute; top:200;
left:400; visibility: visible;"><a href=""
onMouseOver="show('second'); hide('first'); return false">
I am a picture rollover me</a>
</div>
<div id="second" style="position: absolute; top:200;
left:100; visibility: hidden;">I am a <a href=""
onClick="show('first'); hide('second'); return false">
close button</a> on the rest of the picture</div>
|