Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Scrollable.js :
Le DOM au service de la molette !

Le , par FirePrawn

0PARTAGES

1  0 
Faites bouger, apparaître ou encore tourner vos éléments HTML avec la molette de votre souris
grâce à cette bibliothèque JavaScript

Je vous propose aujourd'hui une bibliothèque JavaScript permettant d'influer sur les éléments d'une page grâce à la molette d'une souris.

En effet, comme son nom l'indique, Scrollable.js joue avec le "scroll".
Grâce à cette bibliothèque, vous pouvez désormais déplacer, faire un effet de FadeIn/FadeOut ainsi qu'appliquer une rotation à vos éléments HTML par l'action de votre molette de souris !

Vous pouvez consulter la démonstration pour avoir un aperçu du rendu dans un navigateur.

Scrollable.js nécessite l'inclusion de jQuery pour fonctionner.

Télécharger Scrollable.js

Source : Scrollable sur GitHub

Et vous ?

Pensez-vous que ces manipulations ont un intérêt pour l'utilisateur ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de
https://www.developpez.com
Le 24/09/2012 à 20:47
son utilisation parait lourde

Code : Sélectionner tout
<div id="movable-demo" data-movable-type="up" data-movable-start="1150" data-fadable-type="in" data-fadable-start="650" data-fadable-end="651" class="movable fadable">
ca fait beaucoup de parametre a mettre dans un element
0  0 

 
Contacter le responsable de la rubrique JavaScript

Partenaire : Hébergement Web