<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<title>JQuery蒙版</title>
<script type="text/javascript" src="js/jquery-1.8.0.js">
</script>
<script type="text/javascript">
$(function() {
$("#btnShow").click(function() {
var scrollHeight = $(document).scrollTop(),//当前窗口距离页面顶部高度
wh=$(window).height(), //屏幕高度
ww=$(window).width(), //屏幕宽度
outh=$("#DialogDiv").height(), //弹出层高度
outw=$("#DialogDiv").width(), //弹出层宽度
divheight=(wh-outh)/2+scrollHeight,//弹出层处理后的高度
divwidth=(ww-outw)/2; //弹出层居中宽度
$("#DialogDiv").css({"left":divwidth+"px","top":+divheight+"px","display":"block"});
var str = "我是弹出对话框";
$(".form").html(str);
$("#BgDiv").css( {
display : "block",
height : $(document).height()
});
//IE禁用滚动条和上下键
window.onmousewheel=function(){return false};