<style type="text/css">
#big{width:100%; height:1530px; position:absolute; top:0px; left:0px; right:0px; bottom:0px;background-color:#999;filter: Alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; display:none; z-index:5}
#small{ position:absolute;z-index:10;display:none; background:#FFF;}
</style>
<script type="text/javascript">
function show()
{
var divBig=document.getElementById("big");
var divSmall=document.getElementById("small");
// var v_left=(document.body.clientWidth-divSmall.clientWidth)/2 + document.body.scrollLeft;
// var v_top=(document.body.clientHeight-divBig.clientHeight)/2 + document.body.scrollTop;
//divBig.style.top=document.body.scrollTop+'px';
//divSmall.style.left=(v_left-200)+'px';
//divSmall.style.top=(document.body.scrollTop+((document.body.clientHeight/2)-50))+'px';
divBig.style.display="block";
divSmall.style.display="block";
divSmall.style.marginLeft = (document.body.clientWidth-800)/2 + "px";//距左边位置,可自己调解
divSmall.style.marginTop = (document.body.clientHeight-120)/2 + "px";//距顶部位置,可自己调解
//document.body.style.overflow="hidden";
}
</script>
<div id="big"></div>
<div id="small">
开心600
</div>