javascript - 使用 .hide('slide') 缓和？

Question

是否可以通过以下方式缓和：

('#sideBar').hide('slide', {direction: 'right' }, 
    800, function(){...});

目前它非常紧张，因为它可能正在移动.. 100 - 500 像素（取决于内容）。我一直在看谷歌，大多数人都说要使用缓动，但是在查看文档时，我看不到缓动的属性。

Answer 1

您可以easing在对象中指定属性options（第二个参数）：

$('#sideBar').hide('slide', { direction: 'right', easing: 'easeOutBounce' }, 
    800, function(){...});

查看缓动文档

这是一个例子

Answer 2

首先正确

 jQUery('#sideBar').hide('slide', {direction: 'right' }, 
 800, function(){...});

http://docs.jquery.com/UI/Effects/Slide

看下面的页面

http://docs.jquery.com/UI/Effects/Slide

或者

您可以使用animate

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

你也可以找到easing cheat

例如。

http://gsgd.co.uk/sandbox/jquery/easing/

http://jqueryui.com/resources/demos/effect/easing.html

http://easings.net/

Answer 3

您可以从http://gsgd.co.uk/sandbox/jquery/easing下载 JQuery 缓动插件，它提供比 jQuery 包含的默认动画更流畅的动画。然后，您可以使用以下代码轻松设置全局缓动动画：

jQuery.easing.def = "easeInOutExpo";

您当然可以选择您喜欢的任何缓动动画。这将影响页面上的所有 jQuery 动画，如果您正在寻找一致性，这并不是一件坏事。