简单的页面弹出层效果

javascript部分：

function show(tag){
var light=parent.parent.document.getElementById(tag);
var fade=parent.parent.document.getElementById('fade');
light.style.display='block';
fade.style.display='block';
}
function hide(tag){
var light=parent.document.getElementById(tag);
var fade=parent.document.getElementById('fade');
light.style.display='none';
fade.style.display='none';
}

 

弹出层HTML：

<div id="IDNAME" class="floatwin" style="display:none;">
　　<div class="floatmain">
　　　　<div class="floatarea">
　　　　　　<div class="floattitle"><h5>操作提示</h5><div class="close"><a href="javascript:void(0)" onclick="hide('light')">X</a></div></div>
　　　　　　<div class="floatcontent">
　　　　　　　　弹出内容区域
　　　　　　</div>
　　　  </div>
　　</div>
</div>
<div id="fade" class="black_overlay"></div>

 

动作实现： onclick="show('IDNAME')"

 

未完。。