- <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>
<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>