JQuery UI库 - Dialog

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeBehind = " JqueryUIdialog.aspx.cs "  Inherits = " BlogNet.JQueryDemo.JqueryUIdialog "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >

< head  runat ="server" >
   < title > JQuery Dialog </ title >
   < script  type ='text/javascript'  src ='../JsLib/jquery-1.3.2.min.js' ></ script >
   < script  type ='text/javascript'  src ='../JsLib/jquery-ui-1.7.2.custom.min.js' ></ script >
   < link  rel ='stylesheet'  type ='text/css'  href ='../CSS/jquery-ui-1.7.2.custom.css'  />
   < link  rel ='StyleSheet'  href ='../CSS/style.css'  type ='text/css'  />
   < script  type ='text/javascript' >
    $.ui.dialog.defaults.bgiframe  =   true ;
    $( function () {
      $( ' #myDialog ' ).dialog({
        width:  700 ,
        autoOpen:  false ,
        modal:  true ,
        buttons: {
                    
        }
      });
    });    
      
     function  showDialog() {
        $( ' #myDialog ' ).dialog( ' open ' );    
    }
    
     function  closeWin() {
        $( ' #myDialog ' ).dialog( ' close ' );
    }
   </ script >
</ head >
< body >
   <!--  Jquery UI popup dialog content  -->
   < div  id ="myDialog"  title ="My Dialog" >
       < div  id ="dialogContent"  style ="overflow-y: auto; height: 400px;" >
           < span  class ="blue13" > Here is your message for dialog </ span >
       </ div >
       < div  style ="text-align:right;" >
           < img  src ="../Images/Button_Close.gif"  border ="none"  onMouseover ="this.style.cursor='hand'"  onclick ="closeWin();" >
       </ div >
   </ div >
  
   < form  id ="form1"  runat ="server" >
   < div >
     < input  type ="button"  name ="btnDialog"  value ="My Dialog"  id ="btnDialog"  onclick ="javascript:showDialog();"   />
   </ div >
   </ form >
</ body >
</ html >