TEST /******** Feuille de styles du menu ************/ .menu{ float: left; margin: 2px; padding: 2px; } .titreMenu, .contenuMenu, .lienMenu{ color: #000000; } .titreMenu, .contenuMenu{ border: 2px outset #AAAAAA; width: 120px; text-align: center; margin: 0px; padding: 0px; } .contenuMenu{ display: none; position: absolute; background-color: #FFFFFF; } .menuOverflow{ overflow: auto; height: 200px; } .itemOver{ background-color: #AAAAFF } .itemOut{ background-color: #FFFFFF; } .lienMenu{ text-decoration: none; } .crlf{ clear: both; /*visibility: hidden;*/ } /******** Fin de la feuille de styles du menu ************/

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

........................ Menu déroulant horizontal à plusieurs niveaux en DHTML

Menu horizontal à plusieurs niveaux

Auteur : Batiste Bieler

Télécharger les exemples
le fichier CSS,
le fichier Javascript,
le fichier Javascript de détéction du navigateur nécessaire à l'éxecution du script.

Revenir sur la page d'accueil

xHTML valid

........................ FLOAT

................

...................

Accueil

Menu 1

Menu 2

Menu 3

Menu 4

...................... bgcolor='#000000'; bgcolor2='#7B7B7B'; document.write('') document.write('

'); /* SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT http://www.editeurjavascript.com */ /* LIENS */ zlien = new Array; var nava = (document.layers); var dom = (document.getElementById); var iex = (document.all); if (nava) { skn = document.topdeck } else if (dom) { skn = document.getElementById("topdeck").style } else if (iex) { skn = topdeck.style } skn.top = 24; function pop(msg,pos) { skn.visibility = "hidden"; a=true skn.left = pos; var content ="

"; pass = 0 while (pass < msg.length) { content += ""; pass++; } content += "

"+msg[pass]+"

"; if (nava) { skn.document.write(content); skn.document.close(); skn.visibility = "visible"; } else if (dom) { document.getElementById("topdeck").innerHTML = content; skn.visibility = "visible"; } else if (iex) { document.all("topdeck").innerHTML = content; skn.visibility = "visible"; } } function kill() { skn.visibility = "hidden"; } document.onclick = kill; document.write('

') document.write('