實(shí)現(xiàn)局部遮罩與關(guān)閉原理及代碼
更新時(shí)間:2013年02月04日 09:50:15 作者:
實(shí)現(xiàn)局部遮罩,或許對某些朋友有著特殊的意義。局部遮罩的原理很簡單另外加上關(guān)閉就有著另一番的效果,本文將介紹實(shí)現(xiàn)方法,感興趣的朋友可以了解下,或許對你有所幫助
復(fù)制代碼 代碼如下:
//實(shí)現(xiàn)局部遮罩
<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>
相關(guān)文章
js實(shí)現(xiàn)動(dòng)態(tài)添加、刪除行、onkeyup表格求和示例
動(dòng)態(tài)添加、刪除行想必大家并不陌生,下面為大家介紹通過js是如何實(shí)現(xiàn)的,有此需求的朋友可不要錯(cuò)過了哈2013-08-08JS簡單獲取客戶端IP地址的方法【調(diào)用搜狐接口】
這篇文章主要介紹了JS簡單獲取客戶端IP地址的方法,通過調(diào)用搜狐接口來簡單實(shí)現(xiàn)獲取訪客IP地址的功能,非常簡便實(shí)用,需要的朋友可以參考下2016-09-09js向上無縫滾動(dòng),網(wǎng)站公告效果 具體代碼
這篇文章主要介紹了js向上無縫滾動(dòng),網(wǎng)站公告效果,有需要的朋友可以參考一下2013-11-11JavaScript實(shí)現(xiàn)酷炫的鼠標(biāo)拖尾特效
這篇文章主要為大家介紹了通過JavaScript實(shí)現(xiàn)的一個(gè)超級好看的鼠標(biāo)拖尾特效,文中的示例代碼講解詳細(xì),對我們學(xué)習(xí)JavaScript有一定的幫助,感興趣的可以學(xué)習(xí)一下2021-12-12javascript面向?qū)ο笾蚕沓蓡T屬性與方法及prototype關(guān)鍵字用法
這篇文章主要介紹了javascript面向?qū)ο笾蚕沓蓡T屬性與方法及prototype關(guān)鍵字用法,實(shí)例分析了prototype關(guān)鍵字在共享成員屬性與方法中的原理與使用技巧,需要的朋友可以參考下2015-01-01bootstrap fileinput實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了bootstrap fileinput實(shí)現(xiàn)文件上傳功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08javascript中的parseInt和parseFloat區(qū)別
這篇文章用簡單的小例子演示了parseInt和parseFloat區(qū)別,有需要的朋友可以參考一下2013-07-07