我们可以看到一些网页上点击某个按钮以后出现一个层将所有的版面的覆盖,下面的东西就没有办法操作了。
最近学习了一下,应该说还是挺简单的。
网上也能找到类似的文章,可能写的比我好多了,呵呵,我只是为了记录一下而已。
<html>
<head>
<style type="text/css">......
.shown {...}{
z-index: 100;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
background-color: white;
filter: alpha(opacity = 60);
opacity: 0.6;
position: absolute;
}
</style>
<script language="javascript">......
<!--
function call() ...{
var layer = document.getElementById("full");
layer.className = "shown";
}
//-->
</script>
</head>
<body>
<div id="full"></div>
<input type="button" value="call a layer" onclick="call();">
</body>
</html>
本文介绍了一种通过HTML和JavaScript实现网页遮罩层的方法。点击按钮后,一个全屏白色半透明层显示在页面上,阻止用户对底层内容的操作。文章提供了具体的代码实现。
984

被折叠的 条评论
为什么被折叠?



