Javascrip pour menu deroulan sur IE6

Fermé

goldfinch Messages postés 103 Date d'inscription vendredi 16 octobre 2009 Statut Membre Dernière intervention 23 novembre 2011 - 9 mars 2011 à 21:07
Utilisateur anonyme - 10 mars 2011 à 23:04

Bonjour,
je suis nul en JavaScript du coup je cherche un script pour mon menu déroulant qui ce déroule pas sur IE6 seulement voici mon code :

<style>
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}

</style>

<body>
<div id="menu">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a>
<ul>
<li><a href="#">Sous-item 1</a></li>
<li><a href="#">Sous-item 2</a></li>
</ul>
<li><a href="#">Sous-item 1</a>
<ul><li><a href="#">Sous-item 2</a></li>
<li><a href="#">Sous-item 2</a></li>
</ul></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</div>
</body>

merci bien

A voir également:

Javascrip pour menu deroulan sur IE6
Menu déroulant excel - Guide
Menu démarrer windows 11 - Guide
Canon quick menu - Télécharger - Utilitaires
Menu demarrer - Guide
Menu contextuel windows 11 - Guide

2 réponses

Réponse 1 / 2

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
9 mars 2011 à 22:51

Salut je te donne le code que j'utilise par contre je ne pourrait pas te l'expliquer je les trouver sur le net sur le site du zéro il me semble, pour l'utiliser sur ton menu renomme ta balise <ul> en <ul id="navigation">
et ajoute ce script entre les balises <head>et</head>

<script type="text/javascript">
<!--
sfHover = function() {
        var sfEls = document.getElementById("navigation").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
-->
</script>

goldfinch Messages postés 103 Date d'inscription vendredi 16 octobre 2009 Statut Membre Dernière intervention 23 novembre 2011
10 mars 2011 à 01:32

merci pour ton aide mon ami, sauf que ca marche toujours pas sur IE6 :(

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
10 mars 2011 à 01:34

Désolé, je te donne le lien ou j'ai vu le tuto si ça peut d'aider:

http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html

goldfinch Messages postés 103 Date d'inscription vendredi 16 octobre 2009 Statut Membre Dernière intervention 23 novembre 2011
10 mars 2011 à 21:53

merci quand même : )

Réponse 2 / 2

Utilisateur anonyme
10 mars 2011 à 23:04

un fichier javascript conçu spécialement pour cela hover.htc
et l'attribut css behaviour pour l'utiliser

Discussions similaires

les entrées et les sortées

mon ordi marque press the esc key for startup menu

Accéder au menu Advanced Bios PC portable HP

Déblocage du mode hôtel Philips 20HF5234/10

Discussions similaires

Newsletters