html部分
<button class="btn1">click to hide</button>
<button class="btn2">click to hide2</button>
<p>Here is paragraph</p>这里写代码片
jquery部分
<script>
$(".btn1").click(function(){
$("p").stop().hide({//于避免动画执行过程中反复触发
duration:3000,//Number or String 决定动画将运行时间,默认400
easing:"linear",//String,过渡使用哪种缓动函数,默认为swing
complete:function(){
alert("完成")
}
});
});
$(".btn2").click(function(){
$("p").hide(2000);
});
//.stop();//停止当前动画,继续下一个动画
//.stop(true);//清除元素的所有动画
//.stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画
//.stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态
</script>