Voilà avec un bouton sur fond blanc.
De rien.
<html>
<HEAD>
<script language="JavaScript">
// Script to create a drop-down menu effect using layers.
//(c)Copyright Daren Craddock 2002
//You may use this code in any application, no limits,
//provided that you acknowledge Daren Craddock as the originator.
// big() makes selected layer longer (height property)
function big(lyr) {
document.all[lyr].style.height='180px'; }
/* small() makes selected layer shorter (height property)*/
function small(lyr) {
document.all[lyr].style.height='32px';
}
/* start() makes all layers short to start with (height property)*/
function start() {
document.all.Layer1.style.height='32px';
document.all.Layer2.style.height='32px';
document.all.Layer3.style.height='32px'; }
//-- !>
</script>
</HEAD>
<BODY onLoad="start()">
<div id="Layer1" style="position:absolute; width:155px; height:180px; z-index:1; left: 74px; top: 208px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: hidden" onMouseOver="big('Layer1')"; onMouseOut="small('Layer1')">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif">
<a href="JavaScript:">Menu 1</a>
<br>
<br>
<a href="JavaScript:">Lien 1</a><br>
<br>
<a href="JavaScript:">Lien 2</a><br>
<br>
<a href="JavaScript:">Lien 3</a><br>
<br>
<a href="JavaScript:">Lien 4</a></font></div>
</div>
</BODY>
</HTML>