Effet Jquery pour mon menu [Résolu/Fermé]

Signaler
Messages postés
63
Date d'inscription
vendredi 12 juin 2009
Statut
Membre
Dernière intervention
30 septembre 2017
-
Messages postés
29158
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
4 août 2020
-
Bonjour,

Je chercher à animer mon menu avec Jquery javascript

Je voudrai que la couleur de fond de mes cases de mon menu s'éclaircissent doucement ( une demi seconde par exemple) d'une couleur plus claire, au survol de la souris.

Savez-vous quel effet Jquery je dois utiliser? Et comment dois-je procéder?

Merci pour vos réponses





2 réponses

Messages postés
29158
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
4 août 2020
2 669
Bonjour,


Je voudrai que la couleur de fond de mes cases de mon menu s'éclaircissent d'une couleur plus claire, au survol de la souris.

Pas besoin de javascript pour cela....
Du simple CSS avec l'attribut hover ... et le tour est joué
Voici un petit tuto sur le sujet :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1605763-creez-des-apparences-dynamiques

Messages postés
63
Date d'inscription
vendredi 12 juin 2009
Statut
Membre
Dernière intervention
30 septembre 2017
4
Ok mais je veux que ce soit progressif (sur une demi seconde) d'où l'interet d utiliser jquery

je crois qu il faut modifier l opacity pour la rendre plus claire

mais je sais pas quelle propriété jquery utiliser
Messages postés
29158
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
4 août 2020
2 669
Je n'avais lu la question en entier....
Avec Jquery, tu peux utiliser fadto
https://api.jquery.com/fadeto/

Voici un exemple avec le hover + fadto
La démo : http://jquerydemo.com/demo/fade-in-fade-out-hover-effect.aspx

Le code :http://jquerydemo.com/jquery/fade-in-fade-out-hover-effect.aspx