jQuery Easing Plugin

jQuery Easing Plugin

В jQuery, как известно, есть замечательная функция, которая называется animation. По умолчании jQuery поставляется с двумя методами для анимации: normal и swing. 

jQuery easing plugin, созданный Джорджем Смитом, увеличивает количество методов на 30 штук.

В сердце плагина — анимационные уравнения Роберта Пеннера. На его страничке можно посмотреть демонстрацию работы уравнений и скачать примеры для флэша.

Способов применения плагина уйма. Например, вы хотите, чтобы реклама падала на пользователя не камнем, а словно тарзан на банджи. Или, может быть, на вашем сайте грузовик привозит контент. Надо чтобы он приезжал как настоящий. Или, кто знает, вы хотите сделать интерактивную инструкцию по использования фаллоимитаторов, тогда вы обязательно найдете то, что надо.

Использование плагина до элементарого просто. Вы подключаете плагин, а в функциях animation или SlideUp, SlideDown указываете нужный вам метод.

Например, так:

$('#movable')
.stop()
.animate(
{ left: x, top: y },
{ duration: 1000, easing: method });

Как работают методы на страничке плагина смотреть крайне неудобно, поэтому я решил сделать свой небольшой пример.

Смотрим демо или Качаем сжатый плагин

Помните, дорогие читатели, что анимация в вебе может быть оружием, если она попадает в руки идиота.

Предлагаю устроить в комментах мозговой штурм по поводу способов использования этого плагина.

Всем удачи.

Расскажите друзьям

Оцените статью:
  • 1
  • 2
  • 3
  • 4
  • 5

Комментарии — 11

Brapp 23media.org.ru
Интересная вещь. Спасибо за такой обзор. Но вот не придумаю куда это можно применить.
#
Brapp 23media.org.ru
sgu6enka
можно использовать как меню навигации - если длинная статья - не надо прокручивать вверх страницу: нажал и менюшка тут.
#
sgu6enka
elegand
интересно, а где можно эту вещь применить? 0_o
#
elegand
KELiON
Можно сделать JS-игру))
#
KELiON
Aradesh
ИЕ 6 в ауте) Не работает в нем
#
Aradesh
Евгений
А если серьезно, то для себя я определил, что в ИЕ6 больше не тестирую. Так лучше для здоровья и душевного равновесия.
И без того, в ИЕ7 достаточно проблем, чтобы создавать головную боль. Каким бы ты ни был пианистом, ты не сможешь заставить расстроеное пианино звучать правильно. А вы, дорогие читатели, все еще тестируете свои сайты в ИЕ6?
Klio
Тестируем! Иначе клиентура жалуется.
Насчёт куда применить плагин... да скорее на менюшку удобно бы, хотя опять же по моему будет назойливо.
#
Klio
tylik
''в IE 5 тоже не работает. Скрипт - говно'' Если не тестишь в 6-ом, а проверяешь в 5-ом, а потом еще и ругаешься? Странные люди пошли
#
tylik
Алексей
Спасибо, буду пользоваться.
#
Алексей
reject
В панорманом вьювере очень отлично можно использовать.
#
reject

Новый комментарий

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler