Licence BSD

anim( )

Librairie Javascript pour des déplacements, éffacements/apparitions... ultra simple !

Télécharger

Version stable

0.1.0

4 Mai 2013

5.4Kb

minifier

9.8Kb

Développeur

Github

Fork me !

effacement

var time = 400; // temps en ms
var effet = 'easeOutQuad'; // effet de deplacement plus naturel

element.fadeOut(time, effet, function(){
	// code a executer apres l'effacement de l'element
});

apparition

var time = 400; // temps en ms
var effet = 'easeOutQuad'; // effet de deplacement plus naturel

element.fadeIn(time, effet, function(){
	// code a executer apres l'apparition de l'element
});

deplacement horizontal

var distance = 150; // distance a parcourir en px
var time = 400; // temps en ms
var effet = 'easeOutQuad'; // effet de deplacement plus naturel

element.moveX(distance, time, effet, function(){
	// code a executer apres le deplacement de l'element
});
Si la distance est une valeur négative, alors l'element se deplacera vers la gauche.

deplacement vertical

var distance = 150; // distance a parcourir en px
var time = 400; // temps en ms
var effet = 'easeOutQuad'; // effet de deplacement plus naturel

element.moveY(distance, time, effet, function(){
	// code a executer apres le deplacement de l'element
});
Si la distance est une valeur négative, alors l'element se deplacera vers le haut.

deplacement vers des coordonées

var x = 158; // coordonée horizontale en px
var y = 225; // coordonée verticale en px
var time = 400; // temps en ms
var effet = 'easeOutBounce'; // effet de deplacement avec rebond

element.moveTo(x, y, time, effet, function(){
	// code a executer apres le deplacement de l'element
});
Il est important que l'element parent soit definis avec une position (relative, fixed ou absolute).