DeeDi - трезвые записки

stop([clearQueue], [gotoEnd])

Останавливает все запущенные анимационные эффекты для всех указанных элементов.
clearQueue (необязательно) - при установке значения в true происходит очистка очереди эффектов. Т.е. если во время анимации мы ее остановим, а затем продолжим, анимация продолжится с места остановки. В то время как при парметре clearQueue в значении true, анимация начнется с остановленного места, но с самого начала.

gotoEnd (необязательно) - при установке значения в true происходит немедленное окончание работающих анимационных эффектов и изменяемые свойства переходят сразу же конечное состояние.


Пример: по клику на кнопке "Вперед" увеличиваем левый отступ у элемента на 500px, "Назад" уменьшаем на 500px. При клике на "Стоп" останавливаем анимацию. Заметьте, что после "Стоп" анимация продолжается:

//HTML/CSS<style>
#example_j1{border:solid 1px #999; width:50px; height:50px; background:red; margin:5px}
</style>
<div id="example_j1"></div>
<button>Вперед</button><button>Назад</button><button>Стоп</button>//jQuery$(document).ready(function (){
$("#example_j1 ~ button").eq(0).click(function(){
$("#example_j1").animate({marginLeft: "+=500px"}, 3000)
});
$("#example_j1 ~ button").eq(1).click(function(){
$("#example_j1").animate({marginLeft: "-=500px"}, 3000)
});
$("#example_j1 ~ button").eq(2).click(function(){
$("#example_j1").stop()
});
$("#example_j1 ~ button").eq(3).click(function(){
$("#example_j1").stop(false, true)
});
});

Боковой текст: