Agence Web Comevents » Tutoriel jQuery : Sliding Menu Background
Installez le plugin Flash pour voir l'animation : Cliquez ici pour le télécharger

Tutoriel jQuery : Sliding Menu Background

21 mai 2010 par admin | Catégorie: Javascript, jQuery

Grâce au tutoriel Sliding Menu Background, vous pourrez donner aux puces de votre menu un effet web 2.0 à la sauce jQuery.

Capture d'écran sliding menu

Normalement quand vous passez la souris sur la liste des liens d’un menu, la couleur du texte du lien survolé change ou vous pouvez commuter l’image de fond par une autre.

À travers ce tutoriel, vous apprendrez à donner à l’image de fond un effet de glissement au survol. Dans l’exemple, l’image de fond représente une puce et au survol du lien cette puce glisse pour laisser place à une image de fond représentant une flèche.

Vous aurez besoin de la bibliothèque jQuery et du plugin backgroundPosition pour réaliser ce tutoriel.

Lien vers la démonstration Sliding Menu Background.

Lien vers le tutoriel Sliding Menu Background (en anglais).

Un commentaire pour “Tutoriel jQuery : Sliding Menu Background”

  1. Agence Web Comevents » Tutoriel jQuery : Sliding Menu Background | Information Mining R&D, le 21 mai, 2010 à 9 h 52 min :

    [...] post: Agence Web Comevents » Tutoriel jQuery : Sliding Menu Background Share this [...]

Laissez un commentaire