effet onmouseover onmouseout

Version imprimable

Bonsoir,

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

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

08/05/2010, 23h44
HwRZxLc4

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

Code:

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

Marche pas, d'autre idée ?

Bonjour.

Exemple :

Code:

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);
		});
	}
);

09/05/2010, 15h27
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.
10/05/2010, 01h12
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.