var div_obj=$(“#”+div_id);
var windowWidth=document.documentElement.clientWidth;
var windowHeight=document.documentElement.clientHeight;
var popupHeight=div_obj.height();
var popupWidth=div_obj.width();
$(“<div id=’mask’></div>”).addClass(“mask”).width(windowWidth*0.99)
.height(windowHeight*0.99).click(function(){
hideDiv(div_id);
}).appendTo(“body”).fadeIn(200);
div_obj.css({“position”:”absolute”})
.animate({left:windowWidth/2-popupWidth/2,top:windowHeight/2-popupHeight/2,opacity:”show”},”show”);
loadText();
}
function hideDiv(div_id){
$(“#mask”).remove();
$(“#”+div_id).animate({left:0,top:0,opacity:”hide”},”slow”);
}
</script>
</head>
<body>
<h1>New Web Project Page</h1>
<input class=”hiddenfield1″ type=”hidden” value=”1-Name–2-Age–3-Sex–4-Salary”>
<input type=”button” id=”btnPopup” name=”btnPopup” onclick=”popupDiv(‘pop-div’)” class=”btnPopup” value=”PopupDiv”>
<div class=”pop-box” style=”width:300px” id=”pop-div”>
<h4>Title</h4>
<div class=”pop-box-body”>
<p></p>
</div>
<div class=”butonPanel” style=”text-align:right;”>
<input value=”Close” id=”btnClose” onclick=”hideDiv(‘pop-div’);” type=”button”>
</div>
</div>
<!–<div class=”optionDiv”></div>–>
<fieldset>
<legend>
</legend>
</fieldset>
<input type=”button” id=”button1″ name=”button1″ class=”btnSelect” value=”selected”>
<br>
<textarea class=”selected” rows=”5″ cols=”50″>
</textarea>
</body>
</html>
源代码下载
