Menu qui apparaît et disparaît au click

Commenter

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

Du même auteur (Toolsweb)