<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#button1").click(function(){
$("p").hide(1000,function(){
alert("段落现在隐藏了!");
});
});
$("#button2").click(function(){
$("p").hide(1000);
alert("段落现在隐藏了!");
})
});
</script>
</head>
<!--
jQuery Callback方法
Callback函数在当前动画100%完成之后执行
jQuery动画的问题
许多jQuery函数涉及动画，这些函数也许会将speed或duration作为可选参数
例子：$("p").hide("slow");
speed或duration参数可以设置许多不同的值,比如"slow", "fast", "normal"或者毫秒
实例
以下实例在隐藏效果完全实现后回调函数
$("button").click(function(){
$("p").hide("slow", function(){
alert("段落现在隐藏了!");
});
});
以下实例没有回调函数,警告框会在隐藏效果完成前弹出
-->
<body>
<button id="button1">有回调隐藏</button>
<button id="button2">无回调隐藏</button>
<p>点击"隐藏"按钮我就会消失</p>
</body>
</html>
