Menu qui apparaît et disparaît au click

Soyez le premier à donner votre avis sur cette source.

Snippet vu 33 065 fois - Téléchargée 31 fois

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

Ajouter un commentaire Commentaires
Linkrouge94 Messages postés 1 Date d'inscription mercredi 8 mars 2006 Statut Membre Dernière intervention 8 mars 2006
8 mars 2006 à 21:33
oauis ca ne marche pas je clique et il ne se passe rien :S
worstangel Messages postés 42 Date d'inscription mardi 21 février 2006 Statut Membre Dernière intervention 5 juillet 2006
23 févr. 2006 à 13:32
AHHHHHHH!! loool
merci beaucoup pour cette source !! :D
j'ai passer 3 semaine à la chercher et enfin !! un miracle :-D

merci beaucoup ^^
je l'ai retravaillée à mon goût mais elle marche très bien, rien à redire ^^...

Bonne continuation ^^ +++
S'inscrire maintenant

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.

Du même auteur (Toolsweb)