Menu déroulant à fermeture automatique
Bonjour,
j aimerai faire un menu déroulant avec sous menu, mais que ces sous menus se ferment automatiquement lorsque le pointeur de la souris n est plu dessus.
Malheuresement, lorsque je fais un onMouseout pour fermer le sous-menu ouvert, ce sous-menu ne s ouvre plus du tout.
J espere qu avec le code vous comprendrez mieux mon problème.
J espere que vous pourrez m aider , c est tres important .
Merci d avance
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
|
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
function cache(id) {
var d = document.getElementById(id);
d.style.display='none';
}
//-->
</script>
<body>
<div id="menu">
<dl >
<dt onMouseOver="javascript:montre('smenu1');" onMouseOut="cache('smenu1')"; ><img src="img/menu/magazine2.gif"></dt>
<dd id="smenu1" style="background-color: #68B3DE;">
<ul>
<li> <a href="publications.php">Les publications</a></li>
<li> <a href="lemagazine.php">Le magazine</a></li>
<li> <a href="nutriformsante.php">Le grand public</a></li>
<li> <a href="lalettre.php">La lettre</a></li>
<li> <a href="leguide.php">Le guide AZ</a></li>
</ul>
</dd>
</dl>
</div> |