實(shí)現(xiàn)局部遮罩與關(guān)閉原理及代碼
更新時(shí)間：2013年02月04日 09:50:15 作者：
實(shí)現(xiàn)局部遮罩，或許對(duì)某些朋友有著特殊的意義。局部遮罩的原理很簡(jiǎn)單另外加上關(guān)閉就有著另一番的效果,本文將介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下，或許對(duì)你有所幫助
復(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)文章
Javascript和Java、C這些語(yǔ)言不同，它是一種無(wú)類型、弱檢測(cè)的語(yǔ)言。它對(duì)變量的定義并不需要聲明變量類型，我們只要通過(guò)賦值的形式，可以將各種類型的數(shù)據(jù)賦值給同一個(gè)變量2012-01-01
JavaScript知識(shí)點(diǎn)總結(jié)(四)之邏輯OR運(yùn)算符詳解
這篇文章主要介紹了JavaScript知識(shí)點(diǎn)總結(jié)(四)之邏輯OR運(yùn)算符詳解的相關(guān)資料,在JavaScript中，邏輯OR運(yùn)算符用||表示。本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-05-05
動(dòng)態(tài)加載dtree.js樹(shù)treeview(示例代碼)
本篇文章主要是對(duì)動(dòng)態(tài)加載dtree.js樹(shù)treeview的示例代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了JS基于正則截取替換特定字符之間字符串操作方法,結(jié)合具體實(shí)例形式分析了JS基于正則實(shí)現(xiàn)針對(duì)特殊字符、數(shù)字等字符串類型的截取操作相關(guān)技巧,需要的朋友可以參考下2017-02-02
javascript實(shí)現(xiàn)可拖動(dòng)變色并關(guān)閉層窗口實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)可拖動(dòng)變色并關(guān)閉層窗口的方法,涉及javascript操作層的樣式與屬性的相關(guān)技巧,需要的朋友可以參考下2015-05-05
JS畫圖(非VML)--兼容IE/FF...2006-12-12
Layui實(shí)現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開(kāi)時(shí)恢復(fù)原圖的方法
今天小編就為大家分享一篇Layui實(shí)現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開(kāi)時(shí)恢復(fù)原圖的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
用JavaScrpt實(shí)現(xiàn)文件夾簡(jiǎn)單輕松加密的實(shí)現(xiàn)方法圖文
電腦里經(jīng)常會(huì)存儲(chǔ)著重要文件，這些文件需要進(jìn)行加密，有許多方法來(lái)實(shí)現(xiàn)。但如果想對(duì)一個(gè)文件夾里的所有文件都進(jìn)行加密，數(shù)量少還可以，要是數(shù)量多豈不是得把人累死？2008-09-09
JavaScript代碼壓縮對(duì)代碼進(jìn)行一系列優(yōu)化處理,從而減小代碼的體積,提高網(wǎng)頁(yè)的加載速度,JavaScript代碼壓縮的原理包含去除代碼中的空格、注釋、不必要的換行符等無(wú)用字符,壓縮變量名、壓縮函數(shù)名等操作,將一些常見(jiàn)的操作(如+、-、*、/)轉(zhuǎn)換成更短的操作符(如@、^、#、|)2023-12-12
js 輸出內(nèi)容到新窗口具體實(shí)現(xiàn)代碼
js 輸出內(nèi)容一般都是在本窗口，如果要實(shí)現(xiàn)在新窗口的話該如何實(shí)現(xiàn)呢？下面與大家分享具體的代碼2013-05-05