1,现在我有一个层,想实现,当点击一个按钮实现,把指定的层显示在最前端,把后台的主体显示成为灰色(不可编辑)。
2,并且在制定层上包含有关闭按钮。
2,并且在制定层上包含有关闭按钮。
解决方案 »
- js跳转来路问题?
- js或者jquery向静态网页中加入声音文件
- 求助,弹出浮动DIV的问题.
- jquery 如果定义了一个对象集,如何获取是对象集中第几个元素?
- 用模式对话框怎么得到父窗口句柄
- 再问<Table>自动换行问题?
- 请问,我用window.open(url,name,par)中如何控制弹出的窗体,有左侧滚动条
- 动态元素的onmouseover好onmouseout事件如何用?
- JQuery拖动鼠标(mousedown,mouseup)后可以选择多个单元格,如何实现?
- 如何用 js 改变 select 选中状态并输出
- 问下这段复制代码的代码是什么意思?
- 关于复制的内容,里面控件name属性如何定义?
var objOverlay = document.createElement("div");
objOverlay.setAttribute('id','overlay');
objOverlay.style.display = 'none';
objBody.appendChild(objOverlay);
<!--
html,body {height:100%; margin:0px; font-size:12px;}.mydiv {
background-color: #f9fff6;
border: 1px solid #009900;
text-align: center;
line-height: 25px;
font-size: 13px;
font-weight: bold;
z-index:99;
width: 50px;
height: 50px;
left:0%;/*FF IE7*/
top:0%;/*FF IE7*/margin-left:0px!important;/*FF IE7 half of its width */
margin-top:0px!important;/*FF IE7 half of its height*/margin-top:0px;position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/_top: 0:}
.bg {
background-color: #C2BEBF;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=40);/*IE*/
opacity:0.4;/*FF*/
z-index:1;position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
-->
</style>
<script language="javascript" type="text/javascript">
function showDiv(){
if(document.all){
document.getElementById('bg').innerHTML = "<iframe style='width:100%;height:100%;left:0px;top:0px;position:absolute;filter:alpha(opacity=0);z-index:-1;border:0px'/>";
}
document.getElementById('popDiv').style.display='block';
document.getElementById('bg').style.display='block';
}function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
}</script>
<div id="popDiv" class="mydiv" style="display:none;" onclick="closeDiv()">关闭<br/>
<!--<a href="javascript:closeDiv()">close</a>--></div>
<div id="bg" class="bg" style="display:none;"></div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title></head><body onload="showDiv()"></body>
</html>
var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objBody.appendChild(objLightbox);这个是在上面的蹭智商再建立一个内容div的。
把这行去掉,应该就显示内容了