Aca dejo el codigo con un script de java que encontre pero no logro hacer que funcione bien el menu :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Untitled Page</title>
<style type="text/css">
#marco{
top:0px;
width: 700px;
height: 100%;
margin-left: 200px;
}
#menu{ position:absolute; top:50px; visibility: visible; }
#izq {
top: 0px;
width: 200px;
height: 600px;
background: blue;
float: left;
}
#capa1 {
top: 0px;
margin-left: 200px;
width: 500px;
height: 600px;
background: red;
visibility: hidden;
}
#capa2 {
top: 0px;
margin-left: 200px;
width: 500px;
height: 600px;
background: #000;
visibility: hidden;
}
#capa3 {
top: 0px;
margin-left: 200px;
width: 500px;
height: 600px;
background: black;
visibility: hidden;
}
</style>
<script LANGUAGE="javascript">
function oculta(){
document.getElementById('capa1').style.visibility = "hidden";
}
function muestra(){
document.getElementById('capa1').style.visibility = "visible";
}
function muestras(){
document.getElementById('capa3').style.visibility = "visible";
}
</script>
</head>
<body>
<div id="marco">
<div id="izq">
<div id="menu">
<ul>
<li><a href="#"onclick="muestra()">muestra capa 1</a></li>
<li><a href="#"onclick="oculta()">oculta capa 1</a></li>
<li><a href="#noir" title="Ir a enlace1">Enlace13</a></li>
<li><a href="#"onclick="muestras()">muestra capa3</a></li>
</ul>
</div>
</div>
<div id="capa1">
</div>
<div id="capa2">
</div>
<div id="capa3">
</div>
</div>
</body>
</html>