Jquery----easing内置的动画效果

改入jquery:

jquery.easing.1.2

jquery内置的动画函数多支持，列入toggle()、slideUp()、slideDown()、show()、hide()等jQuery内置的动画效果

用法一：设置动画默认执行插件的某个方法jQuery.easing.def = “ easeOutExpo”;//如：easeOutExpo，这样后面的动画多会默认执行easeOutExpo这个方法的效果。。

用法二：$(element).slideUp({ duration: 1000, easing:  easeOutExpo, complete: callback});

用法三：在jquery动画函数上自定义插件函数，列入： $('#aaaa').animate({top:500,left:250, width:500}, 1000, 'easeOutBounce'）；//这里会按照 easeOutBounce函数定义的方法执行。

例子：

1）默认用法

$(document).ready(function() {
    jQuery.easing.def = 'easeOutBack';
    $("#btn").click(function(){
        $('#bomb').animate({left:400},1000)；
    });    
});

2)习惯用法

$(document).ready(function() {
    $("#btn").click(function(){
        $('#bomb').animate({left:500},'easeInBack')
$('#bomb').animate({left:200}, 
{
duration: 1500,
easing: 'easeOutBack'
})
   })；  
});

3）简单用法

 $(".div").animate({left:-(143 * num)}, 500, 'easeOutQuad')