jQuery Approach – Plugin jQuery – Approchez vous pour voir

Voici un petit plugin jQuery qui va vous permettre de créer des effets sur un ou plusieurs éléments d’un site internet lors de l’approche du curseur de la souris. Une petite animation qui permet de détecter l’arrivée du curseur vers un élément et de réaliser une action progressive au fur et à mesure de l’avancée de ce dernier.

jquery-approach

Voici son utilisation :

L’appel des librairies

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="/jquery.approach-1.0.min.js"></script>

Et le code javascript

<script type="text/javascript">
  $("#my_object").pageSlide({
    "fontSize": "48px"
  }, 200);
</script>

Pour résumer, l’élément avec l’identifiant my_object (qui doit être du texte dans cet exemple) va s’agrandir (ou rétrécir) progressivement à l’approche du curseur avec une taille maximale de 48px. L’effet commencera à 200 de distance radiale (par défaut 400).
Pour utiliser les animations de couleurs vous devrez rajouter le jQuery UI Effects Core.

Site, doc et démonstrations

Bon code à tous :)

Articles qui peuvent vous intéresser :

Comments
  1. Nico
  2. LudiKadmin

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *


*