超实用的jQuery代码段 - jQuery Callback()
麻烨
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../jquery/jquery-1.9.1.min.js"></script>
<script src="../jquery/js/jquery-ui-1.10.3.custom.js"></script>
<link href="../jquery/css/cupertino/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<link rel="stylesheet" href="../jquery/themes/base/jquery.ui.all.css">
<script src="../jquery/ui/jquery.ui.core.js"></script>
<script src="../jquery/ui/jquery.ui.widget.js"></script>
<script src="../jquery/ui/jquery.ui.position.js"></script>
<script src="../jquery/ui/jquery.ui.menu.js"></script>
<script src="../jquery/ui/jquery.ui.autocomplete.js"></script>
<link rel="stylesheet" href="css/demos.css">
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){ //为所有的button元素绑定click函数
/**
* $(selector).hide(speed,callback)
* speed
* 可选。规定元素从可见到隐藏的速度。默认为 "0"。
* 可能的值：
* 毫秒 （比如 1500）
* "slow" 慢
* "normal" 正常默认
* "fast" 快
*在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。
*callback
*可选。hide 函数执行完之后，要执行的函数。
*如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。
*除非设置了 speed 参数，否则不能设置该参数。
*/
$("p").hide(1000,function(){//调用p的隐藏函数，隐藏时间为1s.隐藏回调打印赋值
alert("回掉函数过程： 激活一个消息提示框!");
$("#div-log").html($("#div-log").html()+"<p>"+"回掉函数过程 ：激活一个消息提示框"+"</p>");
});
})
})
</script>
<style type="text/css">
body{
font: 62.5% "Trebuchet MS",sans-serif;
margin: 64px;
}
#h2-caption {
font:20px "Trebuchet MS", sans-serif;
}
p {
font:16px "Trebuchet MS", sans-serif;
}
.demoHeaders {
margin-top:2em;
}
#div-log {
font:13.5px "Trebuchet MS", sans-serif;
}
</style>
<title></title>
</head>
<body>
<h2 id="h2-caption">超实用的jQuery代码段 - jQuery Callback()函数</h2>
<hr/><br/>
<button type="button">隐藏功能</button>
<p>callback()函数在当前效果 100%完成之后执行。</p>
<p>如果希望在一个涉及动画的函数之后来执行语句，请使用callback()函数。</p>
<br><hr>
<div id="div-log">
<p>日志记录：</p>
</div>
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../jquery/jquery-1.9.1.min.js"></script>
<script src="../jquery/js/jquery-ui-1.10.3.custom.js"></script>
<link href="../jquery/css/cupertino/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<link rel="stylesheet" href="../jquery/themes/base/jquery.ui.all.css">
<script src="../jquery/ui/jquery.ui.core.js"></script>
<script src="../jquery/ui/jquery.ui.widget.js"></script>
<script src="../jquery/ui/jquery.ui.position.js"></script>
<script src="../jquery/ui/jquery.ui.menu.js"></script>
<script src="../jquery/ui/jquery.ui.autocomplete.js"></script>
<link rel="stylesheet" href="css/demos.css">
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){ //为所有的button元素绑定click函数
/**
* $(selector).hide(speed,callback)
* speed
* 可选。规定元素从可见到隐藏的速度。默认为 "0"。
* 可能的值：
* 毫秒 （比如 1500）
* "slow" 慢
* "normal" 正常默认
* "fast" 快
*在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。
*callback
*可选。hide 函数执行完之后，要执行的函数。
*如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。
*除非设置了 speed 参数，否则不能设置该参数。
*/
$("p").hide(1000,function(){//调用p的隐藏函数，隐藏时间为1s.隐藏回调打印赋值
alert("回掉函数过程： 激活一个消息提示框!");
$("#div-log").html($("#div-log").html()+"<p>"+"回掉函数过程 ：激活一个消息提示框"+"</p>");
});
})
})
</script>
<style type="text/css">
body{
font: 62.5% "Trebuchet MS",sans-serif;
margin: 64px;
}
#h2-caption {
font:20px "Trebuchet MS", sans-serif;
}
p {
font:16px "Trebuchet MS", sans-serif;
}
.demoHeaders {
margin-top:2em;
}
#div-log {
font:13.5px "Trebuchet MS", sans-serif;
}
</style>
<title></title>
</head>
<body>
<h2 id="h2-caption">超实用的jQuery代码段 - jQuery Callback()函数</h2>
<hr/><br/>
<button type="button">隐藏功能</button>
<p>callback()函数在当前效果 100%完成之后执行。</p>
<p>如果希望在一个涉及动画的函数之后来执行语句，请使用callback()函数。</p>
<br><hr>
<div id="div-log">
<p>日志记录：</p>
</div>
</body>
</html>
类似资料：