如何在这个JQuery脚本中添加缓动？

Question

我想在这个JQuery悬停菜单脚本中添加缓动，我该怎么做？

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

Answer 1

http://api.jquery.com/animate/

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

末尾的字符串是缓动类型。默认情况下，swing和linear，jQuery UI以及各种其他插件会添加更多内容。

Answer 2

这很简单，你只需要选择你的缓和方法。通用示例：

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

此处简化方法和示例：http://easings.net/