fonctions mouseenter et mouseout
Bonjour à tous,
Je débute en javascript et j'essaye d'animer un peu les page de mon premier site que je suis en train de compléter.
La fonction que j'ai essayé consiste à faire apparaitre le texte correspondant au survol de l'image.
Cela marche mais le texte sensé apparaitre apparait et disparait en boucle...
J'ai essayé mouseenter (mouseout) sur une image et mouseover (mouseleave) sur l'autre mais le résultat est le même.
Voici mon code
Code:
1
2
3
4
5
6
7
8
9
10
11
|
$("#cadre_image_affinato").mouseenter(function(){
$("#cadre_affinato_texte").show("slow", "linear");
}).mouseout(function(){
$("#cadre_affinato_texte").hide("slow", "linear");
});
$("#cadre_image_extravecchio").mouseover(function(){
$("#cadre_extra-vecchio_texte").show("slow", "linear");
}).mouseleave(function(){
$("#cadre_extra-vecchio_texte").hide("slow", "linear");
}); |
La page est en ligne ici
