为什么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)。