形式窗 _Web前端

模式窗
<!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>