jquery - 如何向这个 JQuery 脚本添加缓动？

Question

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

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

Answer 1

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

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

缓动方法和例子在这里：http ://easings.net/

Answer 2

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

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

最后的字符串是缓动类型。默认情况下，还有swingjQuery linearUI和其他各种插件添加更多。