<html>
<head>
<title>tabs</title>
<script language="javascript" type="text/javascript" src="./js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="./js/jquery-ui.js"></script>
<link rel="stylesheet" href="./css/jquery-ui.css"/>
<script language="javascript" type="text/javascript">
$(function(){
$(function(){
$("#dialog").dialog({
autoOpen:false ,
show:"blind",
hide:"explode",
modal:true,
buttons:[
{
text:"ok",
click:function(){
$(this).dialog("close");
}
},
{
text:"取消",
click:function(){
$(this).dialog("close");
}
}],
draggable:true ,
closeOnEscape:false ,
title:"添加用户操作界面" ,
position:"top",
width:600,
height:200,
resizable:false ,
zIndex:6,
drag:function(event,ui){
}
});
$("#dialog_link").click(function(){
$("#dialog").dialog("open");
});
var modalValue = $("#dialog").dialog("option","modal");
$("#dialog").dialog("option","modal",false);
});
});
</script>
<style>
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
</style>
</head>
<body>
<h1>dialog</h1>
<a href="#" id="dialog_link"><span>打开窗口</span></a>
<div id="dialog" title="hi!">我去</div>
</body>
</html>