Немного теории Использовать мы будем замечательный метод 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
