弹出框

 <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="jquery-ui-1.8.10.custom.min.js"></script>

<link rel="stylesheet" type="text/css" href="jquery-ui-themes.css"></link>

 

 

<div id="dialog-show" title="*">

<form action='*!**.action' method='post'>
        name:<input type="text" name="name"/>

<form>
</div>

<a href="javascript:show();">123465789</a>

<script type="text/javascript">
  $("#dialog-show").dialog({
  modal: true,
  resizable: false,
  closeOnEscape: true,
  autoOpen: false,
  buttons: {
   Create: function() {
    $("#dialog-show  form").submit();
    $( this ).dialog( "close" );
   }
  }
 });
     </script>//放在html最后面

 

js文件//得导入

function show(){
 $("#dialog-create-instance").dialog("open");
}