During this time of development, the JQuery pop-up dialog box was used, and the background was dimmed. To share with you.
First look at the effect of the picture:
The code is as follows:
Copy Code code as follows:
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<script src= "Js/jquery-1.9.1.js" ></script>
<script src= "Js/jquery-ui.js" ></script>
<link rel= "stylesheet" type= "Text/css" href= "Css/jquery-ui.css" >
<title>jquery Popup, background change gray </title>
<script type= "Text/javascript" >
$ (document). Ready (function (e) {
$ ("#reviews"). Bind (' click ', Function (event) {
$ ("#checkandPass"). Dialog ({
Autoopen:true,
width:765,
Show: "Blind",
Hide: "Explode",
modal:true,//Setting the background gray
});
$ ("#checkandPass"). Dialog ("Open");
return true;
});
});
</script>
<body>
<div>
<input type= "button" id= "Reviews" value= "click Me"/>
</div>
<div id= "Checkandpass" title= "Audit opinion" style= "display:none;" >
<form id= "Passideas_true" method= "post" enctype= "Multipart/form-data" >
<div>
<textarea style= "width:100%;height:90%;min-height:100px;" ></textarea>
</div>
<div style= "Margin-top:20px;text-align:center;" >
<button style= "height:30px;width:80px" type= "button" id= "Upfpass_true" > OK </button>
<button style= "height:30px;width:80px" id= "SB" > Cancel </button>
</div>
</form>
</div>
</body>
The guarantee is the effect you want.