Menu qui s'ouvre au passage de la souris

Bonjour,

je suis entrain de créer un site, et pour mes menus, j'aimerais en créer un... plutôt cool

J'aimerai faire un menu qui, au passage de la souris, s'ouvre.
Un menu qui est a gauche, donc, un menu vertical.
J'ai beau chercher sur des sites, je ne trouve rien qui fait mon bonheur.
A part ça : http://www.editeurjavascript.com/scripts/scripts_navigation_1_120.php

Ca ca fait une partie de mon bonheur :

bgcolor='#006699';
bgcolor2='#6699CC';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[0][0] = '<A HREF="http://www.perdu.com" CLASS=ejsmenu>Titre1</A>';
if(document.getElementById)
{
skn = document.getElementById("topdeck").style
skn.left = 99;
}

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">  "+msg[pass]+"</FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
function kill()
{
if(document.getElementById)
skn.visibility = "hidden";
}
document.onclick = kill;
if(document.getElementById)
{
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=100 HEIGHT=20><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=20>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Titre1</FONT></TD></tr>')
document.write('</TABLE></TD></TR></TABLE></DIV>')
}
document.write('</div>');

J'aimerai seulement au lieu d'avoir (ce qui se trouve aux deux premières lignes du texte):
bgcolor: [Couleur]
bgcolor2: [Couleur]

...J'aimerai avoir une image comme fond, et non pas une couleur.
Vous pourriez me dire comment faire ? :euh:

Merci d'avance

Enguerran

2 novembre 2006 à 15:47:07

Almaju

2 novembre 2006 à 16:19:05

Que du compliqué !
Tu fais quelque chose comme onMouseOver(elementmenu1.display=block) et OnMouseUp(elementmenu1.display=none) ou je sais plus quoi

Sinon tu fais du CSS, en mettant un id a chaque menu.
Genre #h5_1:hover etc...

Créateur de www.shotguncovoit.com !

Comment faire ?

Menu qui s'ouvre au passage de la souris

Supprimer

Modérer

Signaler le message aux modérateurs