<!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=utf-8" />
<title>无标题文档</title>
<script language="javascript">var mskDiv;
function Show()
{
mskDiv = document.createElement("div");
mskDiv.id = "mskDiv";
mskDiv.innerHTML = "遮罩层,点击关闭。";
mskDiv.onclick=Hidden;
mskDiv.style.left = "0px";
mskDiv.style.top = "0px";
mskDiv.style.width = "100%";
mskDiv.style.height= "100%";
document.body.appendChild(mskDiv);
}
function Hidden()
{
if(mskDiv)
{
document.body.removeChild(mskDiv);
}
}
</script>
<style type="text/css">
<!--
#mskDiv{
position:absolute;
background-color: #CCCCFF;
filter:alpha(opacity=90);
}
-->
</style>
</head>
<body>
<input type="button" name="btMsk" id="btMsk" onclick="Show()" value="Show()" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">var mskDiv;
function Show()
{
mskDiv = document.createElement("div");
mskDiv.id = "mskDiv";
mskDiv.innerHTML = "遮罩层,点击关闭。";
mskDiv.onclick=Hidden;
mskDiv.style.left = "0px";
mskDiv.style.top = "0px";
mskDiv.style.width = "100%";
mskDiv.style.height= "100%";
document.body.appendChild(mskDiv);
}
function Hidden()
{
if(mskDiv)
{
document.body.removeChild(mskDiv);
}
}
</script>
<style type="text/css">
<!--
#mskDiv{
position:absolute;
background-color: #CCCCFF;
filter:alpha(opacity=90);
}
-->
</style>
</head>
<body>
<input type="button" name="btMsk" id="btMsk" onclick="Show()" value="Show()" />
</body>
</html>
解决方案 »
- 【求助】纯javascript固定表头,列头
- 网站首页以动画形式轮播显示图片,大图如何自动缩小成指定尺寸?
- 请问ext的header,dataIndex怎么写在一起?
- 新手问,关于getElementById的问题
- JS如何实现从大到小的排序?
- 代码段有错,编译时却忽略了错误且页面上不显示错误
- 求助 (java + xml + js 达人请进!!!)
- 有关程序结构化和运行效率
- 如何将IE窗口标题栏上的"-Microsoft Internet Explorer"去掉?
- 我把所有分都献出来了。,在线等答案。先谢谢各位 JS问题
- 请问这个加减数值的函数那里有问题
- 关于javascript RegExp类 exec()返回的对象个数问题
我这里有例子,如果需要的话,向我索取。
position:absolute;
不然一出滚动条就罩不住了,遗憾的是IE6不支持这个CSS,要兼容还会更麻烦。
同理对于窗口的resize事件也要处理,不然小窗口拖大的时候也会罩不住,而大窗口拖小就会出滚动条。
position: fixed;