Tutoriel vidéo jQuery : Menu animé avec jQuery

Dans ce tutoriel vidéo vous apprendrez à utiliser jQuery et le plugin BackgroundPosition Animation pour améliorer les effets de survol de vos bouton. Le principe sera de faire défiler derrière le bouton une image spéciale (un dégradé par exemple) pour créer différents types d'effets.

Démonstration

Tags : JqueryAnimationMenuPlugin

Tutoriel jQuery posté Mercredi 20 Janvier 2010
 24 Commentaires

 

Partager
Ils l'ont utilisé

 

Publicité

 

Vos commentaires

zaibon (Mercredi 20 Janvier 2010 à 12:43):

Parfait, moi qui devait justement refaire mon menu !

Corentin (Mercredi 20 Janvier 2010 à 13:39):

TUTO MAGNIFIQUE !!!

Baptiste (Mercredi 20 Janvier 2010 à 13:48):

Et bin nickel! tout simple, efficace, et c'est encore un petit truc qui fait la différence!
Bravo et continue a donner ces petits trucs assez simple mais qui changent tout!

@+

Nath (Mercredi 20 Janvier 2010 à 13:50):

amusant je suis tombé sur la page demo de ce plugin hier.. vraiment pas mal ce faux flash

olivier (Mercredi 20 Janvier 2010 à 13:56):

Enorme et plutôt simple!
Merci!

nsink (Mercredi 20 Janvier 2010 à 13:59):

Super comme d'hab ! merci

likeo (Mercredi 20 Janvier 2010 à 15:19):

C'est un peu le même principe que le tuto de la lueur ?

leknoppix (Mercredi 20 Janvier 2010 à 15:23):

Vraiment sympa ce menu.

Djiins (Jeudi 21 Janvier 2010 à 00:06):

Et bien en forme on enchaine les super tutos en ce moment

pacintosh (Jeudi 21 Janvier 2010 à 00:31):

Yep idem, ça tombe bien car je cherchais aussi des idées pour mettre en place un menu stylé

hammond68 (Jeudi 21 Janvier 2010 à 14:38):

sympa ce tuto !

mais pourquoi tu ne les annonce plus dans la partie blog comme avant ?

NiKO (Jeudi 21 Janvier 2010 à 16:41):

Il n'y aurait pas un fichier zip avec le contenu de ce tuto de disponible ? Car les vidéos DailyMotion, même agrandie au maximum ne permettent pas de bien lire le code js à taper...

Merci beaucoup d'avance !

Baptiste (Jeudi 21 Janvier 2010 à 16:57):

as tu activé la HD? il y a un rectangle en hautou tu dois avoir marqué HD is off... Moi ça face nickel sur un 20"!

@+

NiKO (Jeudi 21 Janvier 2010 à 17:50):

Aah ben oui, carrément
Sur un 23" ça passe aussi lol.

Sarathai (Jeudi 21 Janvier 2010 à 21:57):

Salut,
alors depuis que DailyMotion a changé son player et bien il m'est impossible d'avoir du son sur la vidéo, mais j'ai l'image ^^
Je suis sur Linux Ubuntu..
Help

Sarathai (Jeudi 21 Janvier 2010 à 22:02):

C'est bon, ça marche... Va savoir comment ^^

Cédric (Jeudi 21 Janvier 2010 à 22:50):

Merci pour ce tutoriel !! Vraiment super !

asm (Vendredi 22 Janvier 2010 à 19:07):

Bravo pour ce tuto encore une fois très utile et très classe

Merci à toi

Xeron (Samedi 23 Janvier 2010 à 20:37):

Salut comme toujours, tout d'abord , supr tuto :D . En plus bien expliqué , seulement je suis vraiment nul au niveau de javascript, si quelqu'un pouvait me passer le code à mettre car je voit rien en plus je confond tout les parenthèses avec les accolades etc... vraie misère j'espèr que quelqu'un pourra m'aider =) .

Merci , et merci pour ce menu , moi qui avait pas du tout d'idée ^^'

Alex-D (Dimanche 24 Janvier 2010 à 19:46):

Dans ce tutoriel vidéos => Dans ce tutoriel vidéo

boardingnow (Lundi 25 Janvier 2010 à 05:03):

Superb MERCI

AmaSan (Samedi 06 Février 2010 à 13:00):

Salut

Bon j'ai une question un petit peu hors sujet mais bon >_<
Je la pose ici car ça sera con ailleurs vu c'est en lien avec ce tuto.
En fait sur ma page html, j'ai 2 menu, un ul de class choix et un de class menugallery (c'est celui ci qui reprend ce tuto) et en fait au niveau du css il y a gros conflit...
Pourtant j'ai bien mis ".choix a li" et ".menugallery a li". J'ai même fait 2 fichier a part...
Si quelqu'un pourrai m'aider...Parce que ça me parait louche que l'on puisse pas définir 2 argument différent pour plusieurs menu différent.

Merci beacoup d'avance et continue ton magnifique travail ^^

@ +

hellsingblack (Samedi 06 Février 2010 à 14:13):

Je vous savoir, quel est le plugin que tu utilise pour les synthaxes automatique, c'est a dire quand tu écris une fonction il te donne le choix entre plusieurs autre qui commence par la même lettre.

Ravi (Mardi 23 Février 2010 à 11:03):

Merci

 

Ajouter un commentaire
Vous devez activer javascript.
 

 

Suivre les commentaires de ce tutoriel