10-在打开或者关闭对话框时应用特效
4.5.2 在打开或者关闭对话框时应用特效
默认情况下,在打开或者关闭对话框时没有特效。可以使用 show
和 hide
选项(如粗体部分所示)应用特效。在下面这个例子中,对话框会从页面左侧滑动出现( slide
特效),并且以放大及减小透明度的方式消失( puff
特效)。
<!DOCTYPE html>
<script src = jquery.js></script>
<script src = jqueryui/js/jquery-ui-1.8.16.custom.min.js></script>
<link rel=stylesheet type=text/css
href=jqueryui/css/smoothness/jquery-ui-1.8.16.custom.css />
<div id="dialog" title="Window title">
<p> Content of the dialog box</p>
</div>
<script>
$("div#dialog").dialog ({
show : "slide",
hide : "puff"
});
</script>