jqurey ui 弹出浮动层

<!-- query_ui-->
<link rel="stylesheet" type="text/css" href="../js/jquer_ui/css/ui-lightness/jquery-ui-1.8.19.custom.css">
<script src="../js/jquer_ui/js/jquery-ui-1.8.19.custom.min.js"></script>
<!-- query_ui---------------------------------------------------------------------------->

 

//弹出div层效果        
       function showDialog(){       
           $( "#dialog" ).dialog({  
        width: 480
            });
            return false;
         }

 

<!---- 弹出层---->
<div style="display:none" id="dialog" title="Basic dialog">
    <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.