jQuery-ui弹出对话框

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Chapter02</title>
</head>

<!-- 引入三个文件,文件可在下方链接中取 -->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<link href="css/jquery-ui.css" rel="stylesheet">
<script src="js/jquery-ui.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$("#dialog").dialog();
});
});
</script>
<body>
<button>弹出对话框</button>
<div id="dialog" title="基本对话框" style="display: none">
<p>这是一个默认的对话框</p>
</div>
</body>
</html>

链接https://pan.baidu.com/s/1E0JW54s6HZYgPGJa_1DL_g 提取码8b27

原文地址:https://www.cnblogs.com/lihui123/p/13854775.html