Как добавить смягчение к этому сценарию JQuery?

-1

Я хочу добавить облегчение в этот сценарий меню наведения JQuery, как я могу это сделать?Как добавить смягчение к этому сценарию JQuery?

$("#navi_bakery").hover(function(){ 
     $("#navi_bakery img").animate({ 
      paddingTop:"0px" 
      },100); 
    },function(){ 
     $("#navi_bakery img").animate({ 
      paddingTop:"17px" 
      },100); 
     });

источник

2013-09-01 oceanic815

Вот шпаргалку я нашел. Сделайте свое исследование. http://easings.net –

Это довольно просто, вам просто нужно выбрать способ ослабления. Общий пример:

$(element).animate({ 
     properties: {top: '17px'} 
     duration: 1000, 
     easing: 'method', 
     complete: callback});

Облегчение методы и примеры здесь: http://easings.net/

источник

2013-09-01 23:17:43 Kev

Как я могу ограничить его добавлением «EaseInOutExpo» к этому скрипту? – oceanic815

'EaseInOutExpo' не будет работать, если вы также не используете плагин, который добавляет смягчения - например, jQueryUI, связанный ниже, или плагин, упомянутый на этой связанной странице. Как сказано в моем ответе ниже, единственные смягчения, включенные в обычный jQuery без дополнительных плагинов, - это 'swing' и' linear' (ваш сайт уже может использовать jQueryUI, это довольно часто). Когда вы добавили плагин, добавьте имя ослабления в виде строки в качестве аргумента после продолжительности, например, в ответ ... – user568458

$("#navi_bakery img").animate({top: 0}, 400, 'swing');

Строка в конце является тип ослабления. По умолчанию есть swing и linear, jQuery UI и другие плагины добавить еще.

источник

2013-09-01 23:16:27 user568458

Как добавить смягчение к этому сценарию JQuery?

ответ

Смежные вопросы