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