Visa flugan - klicka på länken
<a href="javascript:show('fluga');">Visa flugan</a>
<a href="javascript:hide('fluga');">Dölj flugan igen!</a>
Bilden är inlagd via koden nedan och dold via visibility: hidden.
<div id="fluga" style="visibility: hidden; position: absolute; left:200; top:50">
<img src="fluga.gif" width=99 height=84 alt="En fluga">
</div>
Inom dokumentets head-taggar ligger javascriptet som anropas via länkarna, observera att det är div-taggens id som ligger inlagt mellan '-tecknen i länkarna. Som du kan se så dels kollas om browsern tolkar document.all (MSIE) eller document.layers (NS) och sedan respektive sätt att skriva för att göra den osynlig inom if och else if satser.
<script type="text/javascript" language="JavaScript">
<!--
function show(id)
{
if (document.layers)
document.layers[id].visibility = "show"
else if (document.all)
document.all[id].style.visibility = "visible"
}
function hide(id)
{
if (document.layers)
document.layers[id].visibility = "hide"
else if (document.all)
document.all[id].style.visibility = "hidden"
}
//-->
</script>