22 декабря 2015
14 марта 2009
11
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 });
Как работают методы на страничке плагина смотреть крайне неудобно, поэтому я решил сделать свой небольшой пример.
Смотрим демо или Качаем сжатый плагин
Помните, дорогие читатели, что анимация в вебе может быть оружием, если она попадает в руки идиота.
Предлагаю устроить в комментах мозговой штурм по поводу способов использования этого плагина.
Всем удачи.
И без того, в ИЕ7 достаточно проблем, чтобы создавать головную боль. Каким бы ты ни был пианистом, ты не сможешь заставить расстроеное пианино звучать правильно. А вы, дорогие читатели, все еще тестируете свои сайты в ИЕ6?
Насчёт куда применить плагин... да скорее на менюшку удобно бы, хотя опять же по моему будет назойливо.