---

<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:60px;
    width:200px;
    height:40px;
    left:0px;
    background-color:red;
}

div#p1 {
    position:absolute;
    top:100px;
    width:200px;
    height:40px;
    left:0px;
    background-color:green;
}

div#p2 {
    position:absolute;
    top:140px;
    width:200px;
    height:40px;
    left:0px;
    background-color:green;
}

div#p3 {
    position:absolute;
    top:180px;
    width:200px;
    height:40px;
    left:0px;
    background-color:green;
}

div#p4 {
    position:absolute;
    top:220px;
    width:200px;
    height:40px;
    left:0px;
    background-color:red;
}


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

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

div#menu3 {
    position:absolute;
    left:200px;
    top:180px;
    width:300px;
    height:80px;
    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">
    Меню 1
</div>

<div id="menu2">
    Меню 2
</div>

<div id="menu3">
    Меню 3
</div>

</body>
</html>