ГлавнаяПрограммирование › 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»).

Отзывы

Павел Моценко 09.03.11 13:37
да, блин все намного проще
vrang 09.03.11 13:58
да ну не проще… просто компактнее
Павел Моценко 09.03.11 14:44
надо чтоб было компактнее для понимания
Чтобы оставить отзыв авторизируйтесь на блоге или войдите через социальную сеть
© Харьковблог - блог города Харькова
Напишите нам
create by motsenko.com
Харьковблог в