Desplegar Menu

[samuvk]

Hola,

Tengo este menu, que se despliega cuando pincho sobre la cabecera.

Podria alguien ayudarme e indicarme como puedo hacer que se despliegue cuando paso en raton por encima de la cabecera y no cuando picho?

Muchas Gracias

<script>
window.onload=function()
{for(i=1;i<=1;i++){document.getElementById('menu'+ i).style.height='16px';}}
</script>
<div style="background-color:lightblue" background-size:20px 20px; id="menu1"
onclick="javascript:this.style.height=(parseFloat( this.style.height)>20?'16px':'200px');"
onmouseout="this.style.color = 'blue';" onmouseover="this.style.color = 'red';"
style="height:16px;overflow:hidden; cursor:pointer;"
style.display = 'hidden'><font size="3">Menú</font><br />



<img src="globo.jpg" width=17 height=17> <a href="goplanettravel.blogspot.com">Home Page</a><br />


</div>

[zerokilled]

elimina el evento onclick. en mouseover y mouseout le asignas un nuevo alto segun el evento. o en el mejor de los casos, puedieras usar solo css. usando la pseudo clase :hover le indicas un nuevo alto al elemento.

Código:

div#menu1{
height:20px;
}

div#menu1:hover{
height:200px;
}