Добро пожаловать!
На развлекательный портал SoftFAW.Ru!

Добавьте нас в закладки, мы будем Вам очень признательны! Для этого нажмите комбинацию клавиш Ctrl+D.
Добро пожаловать!



Страница 1 из 11
Форум » Все о uCoz » Статьи » jquery анимация
jquery анимация
AdminДата: Четверг, 06.01.2011, 14:03 | Сообщение # 1

Сообщений: 63
Подарки: 7
[ 36 ]
Статус: Офлайн
Немного теории

Использовать мы будем замечательный метод animate(), который и делает все фокусы, синтаксис выглядит следующим образом: animate({property list}, speed, [fn]) – анимирует объект согласно заданным свойствам в property list, за время speed, и после этого вызовет функцию [fn] один раз.

speed – может принимать либо строковый параметр: slow, normal, fast, либо значение в миллисекундах

[fn] – не обязательный параметр

Практический пример

Создадим div и как фон назначим ему картинку и три кнопки к нему:

Code
<input type="button" value="Свернуть" onclick="$('div.container').animate({'width':'0px'},'slow');">
<input type="button" value="Развернуть" onclick="$('div.container').animate({'width':'604px'},'slow');">
<input type="button" value="Растянуть" onclick="$('div.container').animate({'height':'+=20px'},'slow');">
<div class="container"></div>

Свернуть – будет сворачивать див влево

Развернуть – будет разворачивать див вправо

Растянуть – будет растягивать див на 20px в высоту при каждом клике.

Смотрим, что у нас получилось. Или сразу качаем скрипт анимации.

Пароль к архиву - softfaw.ru

Прикрепления: animate.rar(126Kb)




 
Форум » Все о uCoz » Статьи » jquery анимация
Страница 1 из 11
Поиск: