jQuery 动画方法

1. 1. 隐藏与显示（利用了display属性）

• hide();  隐藏      如： $("p").hide();  下同
• show();  显示

• fadeIn();  淡入已隐藏元素
• fadeOut();   淡出可见元素
• fadeToggle();  在fadeIn()和fadeOut()之间进行切换
• fadeTo();  允许渐变为给定不透明度
  • fadeTo("slow",0.15)

• slideDown()  下滑
• slideUp  上滑
• slideToggle()  在上滑和下滑之间切换

• animate() 方法用于自定义动画

$("button").click(function(){
    $("div").animate({
    left:‘250px‘, opacity:‘0.5‘, height:‘150px‘, width:‘150px‘
    }); 
});

1. 1. stop()  停止动画效果

• 在动画完成之前，适用于所有jQuery效果函数，包括滑动，淡入淡出和自定义动画。
• 写在动画之前
  • 例如 $("p").stop().slideDown()

• 当前动画100%完成之后执行

$("button").click(function(){
    $("p").hide("slow",function(){
        alert("段落现在被隐藏了");
    }); 
});