Discussion :

[HwRZxLc4]

Bonsoir,

J'arrive à ajouter une class à mon menu au passage de la couris

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
$(document).ready(function(){
	$("#menu ul li a").mouseover(function(){ 
		$(this).addClass("menu-hover");
	});
	$("#menu ul li a").mouseout(function(){
		$(this).removeClass("menu-hover");
	});
});
</script>

Ce code fonctione mais je souhaite avoir un fondu à l'affichage et au retrais de la classe .menu-hover, j'ai tenté de greffé show() et hide(); mais refuse de fonctionner, quelqu'un peux t-il m'aiguiller ?

Merci

[HwRZxLc4]

J'ai testé en ajoutent un shown() comme ci-dessous

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).addClass("menu-hover").show(slide);

Marche pas, d'autre idée ?

[danielhagnoul]

Bonjour.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
// avec jQuery 1.4.2 hover sinon mouseenter et mouseleave
$("p").hover(
	function(){ 
		$(this).fadeOut(3000, function(){
			$(this).addClass("menu-hover").fadeIn(3000);
		});
	},
	function(){
		$(this).fadeOut(3000, function(){
			$(this).removeClass("menu-hover").fadeIn(3000);
		});
	}
);

[HwRZxLc4]

Voila, j'ai testé et je vous remercie pour votre aide, j'avance bien, par contre avec ce système, si la souris passe trop vite sur le menu, la classe ajouté reste presque sur tout le menu, même avec la vitesse passé de 3000 à 100.

[HwRZxLc4]

bon, fonctionne toujours pas correctement, le problème c'est que j'ai besoin d'utiliser une class css car j'utilise une image de font.

Si non le problème était reglé dé le départ.