Quizas esto te ayude:
Código HTML:
<html><head>
<style type="text/css">
.hidden{position: absolute;visibility: "hidden"}
.visible{position: absolute;visibility: "visible";background-color: "silver";z-index: 5}
P{cursor: hand}
</style>
<script language="JavaScript">
function chowobj(obj){document.all[obj].className="visible"};
function hidobj(obj){document.all[obj].className="hidden"};
</script></head>
<body>
<table border=1 bgcolor=silver cellpadding=3 cellspacing=3>
<tr> <td><div onMouseOver='chowobj("L1")' onMouseOut='hidobj("L1")'>Lunes</div></td>
<td><div onMouseOver='chowobj("L2")' onMouseOut='hidobj("L2")'>Martes</div></td>
<td><div onMouseOver='chowobj("L3")' onMouseOut='hidobj("L3")'>Miercoles</div></td>
<td><div onMouseOver='chowobj("L4")' onMouseOut='hidobj("L4")'>Jueves</div></td>
<td><div onMouseOver='chowobj("L5")' onMouseOut='hidobj("L5")'>Viernes</div></td>
<td><div onMouseOver='chowobj("L6")' onMouseOut='hidobj("L6")'>Sabado</div></td>
</tr>
<tr> <td><div id="L1" class="hidden">
<table border=1 cellpadding=3>
<tr><td>Математика<br>Физика<br>Программирование</td></tr>
</table></div></td>
<td><div id="L2" class="hidden">
<table border=1 cellpadding=3>
<tr><td>Физика<br>Математика<br>Программирование</td></tr>
</table></div></td>
<td><div id="L3" class="hidden">
<table border=1 cellpadding=3>
<tr><td>Программирование<br>Математика<br>Физика</td></tr>
</table></div></td>
<td><div id="L4" class="hidden">
<table border=1 cellpadding=3>
<tr><td>Математика<br>Физика<br>Программирование</td></tr>
</table></div></td>
<td><div id="L5" class="hidden">
<table border=1 cellpadding=3>
<tr><td>Физика<br>Математика<br>Программирование</td></tr>
</table></div></td>
<td><div id="L6" class="hidden">
<table border=1 cellpadding=3>
<tr><td>Программирование<br>Математика<br>Физика</td></tr>
</table></div></td>
</tr></table>
Ученье - свет<br>а неученье - тьма</body></html>