Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
<html xmlns="http://w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Näide 1</title>
<style type="text/css">
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	background-color: #9C6;
	visibility: visible;
}
#apDiv2 {
	position:absolute;
	width:64px;
	height:32px;
	z-index:2;
	left: 11px;
	top: 136px;
}
apDiv3 {
	position:absolute;
	width:65px;
	z-index:3;
	left: 87px;
	top: 136px;
}
</style>
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
	var i,p,v,obj,args=MM_showHideLayers.arguments;
	for (i=0; i<(args.length-2); i+=3)
	with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
		if (obi.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
		obj.visibility=v; }
}
</script>
</head>

<body>
<div id="apDiv3" onmouseover="MM_showHideLayers('apDiv1','','hide')">peida</div>
<div id="apDiv1"></div>
<div id="apDiv2" onmouseover="MM_showHideLayers('apDiv1','','show')">ava </div>
</body>
</html>