jquery弹窗
时间: 2023-08-01 07:06:03 浏览: 49
您可以使用jQuery UI的对话框组件来创建弹窗。以下是一个示例:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery弹窗示例</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function() {
$("#dialog").dialog({
autoOpen: false,
modal: true,
buttons: {
"确定": function() {
$(this).dialog("close");
}
}
});
$("#btnOpenDialog").on("click", function() {
$("#dialog").dialog("open");
});
});
</script>
</head>
<body>
<button id="btnOpenDialog">打开弹窗</button>
<div id="dialog" title="提示">
<p>这是一个弹窗示例。</p>
</div>
</body>
</html>
```
这段代码会创建一个按钮和一个对话框,点击按钮会打开对话框。您可以根据需要进行修改。