模式窗

最新推荐文章于 2024-04-23 16:21:05 发布

iteye_133

最新推荐文章于 2024-04-23 16:21:05 发布

阅读量88

点赞数

分类专栏： jQuery 文章标签： jQuery UI HTML ViewUI

本文链接：https://blog.csdn.net/iteye_133/article/details/82067737

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
	<head>

		<title>jQuery UI Example Page</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

		<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){
				// Dialog			
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Ok": function() { 
							$(this).dialog("close"); 
						}, 
						"Cancel": function() { 
							$(this).dialog("close"); 
						} 	
					}
				});

				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
			});
		</script>
		<style type="text/css">

			*{font-size:13px}
		</style>	
	</head>
	<body>


		 <a id="dialog_link" href="javascript:void(0)">打开模式窗口</a> <br>

		 <div id="dialog" title="模式窗口">
				content
		 </div>


	</body>
</html>