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

除了jQuery库之外，还可以通过包含jQuery UI库来提供jQuery动画的其他缓动，例如easeInOutBounce。

请参阅 jQuery UI (click) 。

这是用于快速加入项目的CDN链接：

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

只有jQuery库可用的唯一缓存是swing和linear。请参阅jQuery docs (click) 。