爲什麼Easin功能不工作在這裏

Question

function techSlide() { 

    var now = - 230; 
    $(".imgContentSlideMask").animate({ SlideNext: now }, {step: function (val, fx) { 
     $(".imgContentSlideMask").css('-webkit-transform', "translateY(" + val + "px)");  
     $(".imgContentSlideMask").css('-moz-transform', "translateY(" + val + "px)"); 
     }, 
     duration: 700 
    }, 'easeInOutBounce'); 
}; 

緩解功能不工作

Answer 1

其他漸變效果，如easeInOutBounce，jQuery的動畫提供通過包括除了jQuery庫jQuery的UI庫。

請參閱jQuery UI (click)。

這裏的CDN鏈接，快速納入您的項目：

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 

您僅需jQuery庫唯一的緩和效果是swing和linear。查看jQuery docs (click)。