用.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(){...});

Check out the easing documentation

Here's an example

Answer 2

首先用

更正

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

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

请参阅下页

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

OR

您可以使用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动画，如果您正在寻找一致性，这不是一件坏事。