stop
Stoppe les animations en cours sur les éléments sélectionnés.
Arrête toutes les animations en cours sur les balises sélectionnées.
$('input°0').click(function ()
{
$('#bloc1').a('width:100>500',20000);
});
$('input°1').click(function ()
{
$('#bloc1').stop();
});
// Idem pour le bloc 2
$('input°4').click(function ()
{
$.stop_all();
});
Il est possible de spécifier une liste de propriétés à la fonction stop sous forme d'array ou d'une chaîne de caractères. Alors seule ses propriétés cesseront de s'animer :
$('#bloc').stop('width'); // Les animations de largeur s'arrêtent
$('#bloc').stop('width,height'); // Les animations de largeur et hauteur s'arrêtent
$('#bloc').stop(['width','height']); // Les animations de largeur et hauteur s'arrêtent
// Les deux lignes ci-dessus ont le même effet
$('#bloc').stop(''); // Rien ne se passe, toutes les animations continuent
$('#bloc').stop([]); // Rien ne se passe, toutes les animations continuent
$('#bloc').stop(); // Toutes les animations s'arrêtent
$('#bloc').stop(3); // Toutes les animations s'arrêtent
Comme montré sur le dernier exemple, en cas de valeur incorrecte (valeur numérique, boléen, fonction, etc.), la fonction agit comme s'il n'y avait aucun paramètre et donc toutes les animations s'arrêtent.
En revanche, une chaîne vide ou un array vide seront considérés comme une liste de propriétés vide et donc aucune propriété ne sera stoppée.
Vous pouvez tester ci-dessous :
Voir aussi : stop_all() pour arrêter toutes les animations sur la page.