---

<html>
<head>
<script language="JavaScript">

function doShow(menu)
{
    if(menu=="menu1")
    {
        document.getElementById("menu1").style.visibility="visible";
        document.getElementById("menu2").style.visibility="hidden";
        document.getElementById("menu3").style.visibility="hidden";
    }

    if(menu=="menu2")
    {
        document.getElementById("menu1").style.visibility="hidden";
        document.getElementById("menu2").style.visibility="visible";
        document.getElementById("menu3").style.visibility="hidden";
    }

    if(menu=="menu3")
    {
        document.getElementById("menu1").style.visibility="hidden";
        document.getElementById("menu2").style.visibility="hidden";
        document.getElementById("menu3").style.visibility="visible";
    }
}

function doHide(menu)
{
    if(menu=="menu1")
    {
        document.getElementById("menu1").style.visibility="hidden";
        document.getElementById("menu2").style.visibility="hidden";
        document.getElementById("menu3").style.visibility="hidden";
    }

    if(menu=="menu2")
    {
        document.getElementById("menu1").style.visibility="hidden";
        document.getElementById("menu2").style.visibility="hidden";
        document.getElementById("menu3").style.visibility="hidden";
    }

    if(menu=="menu3")
    {
        document.getElementById("menu1").style.visibility="hidden";
        document.getElementById("menu2").style.visibility="hidden";
        document.getElementById("menu3").style.visibility="hidden";
    }
}

</script>

<style type="text/css">

div#p0{position:absolute;top:60;width:200;height:40;left:0;background-color:red;}
div#p1{position:absolute;top:100;width:200;height:40;left:0;background-color:green;}
div#p2{position:absolute;top:140;width:200;height:40;left:0;background-color:green;}
div#p3{position:absolute;top:180;width:200;height:40;left:0;background-color:green;}
div#p4{position:absolute;top:220;width:200;height:40;left:0;background-color:red;}

div#menu1{position:absolute;left:200;top:100;width:300;height:80;background-color:blue;visibility:hidden;}
div#menu2{position:absolute;left:200;top:140;width:300;height:80;background-color:blue;visibility:hidden;}
div#menu3{position:absolute;left:200;top:180;width:300;height:80;background-color:blue;visibility:hidden;}

</style>
</head>

<body topmargin="0" leftmargin="0">

<div id="p0" onmouseover="doHide(menu1)"></div>
<div id="p1" onmouseover="doShow("menu1")">КВАРТИРЫ</div>
<div id="p2" onmouseover="doShow("menu2")">ДОМА</div>
<div id="p3" onmouseover="doShow("menu3")">УЧАСТКИ</div>
<div id="p4" onmouseover="doHide("menu3")"></div>

<div id="menu1" onmouseout="this.style.visibility='hidden'">
    <div>Меню 1</div>
</div>

<div id="menu2" onmouseout="this.style.visibility='hidden'">
    <div>Меню 2</div>
</div>

<div id="menu3" onmouseout="this.style.visibility='hidden'">
    <div>Меню 3</div>
</div>

</body>
</html>