实现局部遮罩与关闭原理及代码

ttx9n · 发表于 2013-2-4 09:50:15

实现局部遮罩，或许对某些朋友有着特殊的意义。局部遮罩的原理很简单另外加上关闭就有着另一番的效果,本文将介绍实现方法，感兴趣的朋友可以了解下，或许对你有所帮助复制代码代码如下:
//实现局部遮罩
<script type="text/javascript">
function Shade(){
var s = document.getElementById("shade");
s.style.display = "block";
}
function Display(){
var d = document.getElementById("shade");
d.style.display = "none";
}
</script>
<style type="text/css">
#box{
width:400px;
height:300px;
position:relative;
margin:0px auto;
border:1px solid #000;
}
#shade{
width:400px;
height:300px;
background-color:gray;
position:absolute;
z-index:999;
left:0px;
top:0px;
-moz-opacity:0.5;/*Firefox*/
opacity:0.5;/*Opera*/
filter:alpha(opacity=50); /*IE*/
}
</style>
</head>

<body>
<div id = "box">
<a href = "javascript:Shade()">局部遮罩</a>
<div id = "shade"></div>
</div>
<a href = "javascript:Display()">遮罩消失</a>
</body>

locopy · 发表于 2022-9-18 09:44:05

而非为吾问无为谓娃娃

a971560 · 发表于 2022-10-31 20:37:59

vcxvcxv

bp5jgbcnt · 发表于 2023-9-4 01:50:57

还有人在不。。。。。。。。。。啊

醉梦娱乐网 · 发表于 2023-9-8 22:24:44

谢谢分享，先下来用用

lsc54 · 发表于 2023-10-9 01:00:51

看看看看

q42obh · 发表于 2023-11-7 10:02:49

哈哈哈哈哈哈哈

qq303604905 · 发表于 2023-11-9 16:25:32

儿飞飞微风DVD谁vdsvd

ppwxcg · 发表于 2024-2-29 11:08:44

加快速度很快就撒谎

q42obh · 发表于 2024-3-2 09:30:47

啦啦啦啦啦啦哈哈哈

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 实现局部遮罩与关闭原理及代码

相关帖子