Menu qui apparaît et disparaît au click

Contenu du snippet

Et bien il y a une lien qui fait ouvrir le menu et un autre lien qui fait fermer le menu! Et ce menu est dans un layer.

Source / Exemple :


<html>
<head>
<title>Menu</title>
<script type="text/javascript">
function showmenu()
	{
    	if(document.getElementById)
        	document.getElementById("menu").style.visibility = 'visible';
    	}
    
function closemenu()
	{
    	if(document.getElementById)
        	document.getElementById("menu").style.visibility = 'hidden';
    	}
</SCRIPT>
</head>

<body>
<DIV STYLE="position:absolute; top:155px; left:514px; width:99px; overflow:none; visibility:hidden; background:#3588CD; height: 170px;" ID="menu" ALIGN="center"  CLASS="texte"> 
  <div style="overflow:hidden;z-index:100">
    <table width="122" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
      <tr>
    <td width="147"><div align="center"><a href="#">Lien 1 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 2 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 3</a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 4 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 5 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 6 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 7 </a></div></td>
  </tr>
  <tr> 
    <td>
<div align="center"><a href="#" onClick="closemenu();return(false)">Fermer</a></div></td>
  </tr>
</table>
</div>
</DIV>
<A HREF="#" onClick="showmenu();return(false)">Cliquez ici pour voir le menu !</A>
</body>
</html>

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.