Главная IT jQuery для начинающих - зацикленная анимация

jQuery для начинающих - зацикленная анимация

В этой статье мы с вами рассмотрим способ зациклить анимацию в jQuery. Когда-то самому было необходимо, теперь, чтоб долго не искать опишу здесь.

$(function () {
function runIt() {
$('#div').show("slow");
$('#div').animate({"marginLeft":"300px"},8000);
$('#div').animate({"marginLeft":"0px"},8000);
$('#div').hide("slow", runIt);
}
runIt();
});

1 строка: ну тут думаю ясно.
2 строка: Запускаем функцию runIt (название может быть любое)
2 строка: Проявляем объект show (по молчанию он будет скрытым)
4 строка: Прописываем анимацию нашему объекту с id=«div».
функция .animate как раз таки и выполняет анимацию, характеристики которой указываются в
параметрах вызова функции: «marginLeft»:«300px» за 8000 мили секунд.
5: Возвращаем объект в то положение с которого он начал.
6: Скрываем его (hide) т.к в начале он был скрытый.
7: Снова запускаем функцию runIt.

Теперь смотрим на практике, создадим div, id которого равен div (id=«div»).

Видел необычное?Напиши нам!