怎么用JS弄遮罩層？全屏，有透明

css:

#loadArea{

position:fixed;

width:100%;

height:100%;

z-index:9999;

opacity:0.8;

background:#A8A1A1;

}

javascript:

$(document).append('div id="loadArea"/div');

js彈出的遮罩層，如何能遮住全屏？

工具：電腦；瀏覽器；ultraedit軟件；

操作步驟如下：

1、打開(kāi)UE編輯器，新建一個(gè)空白的html文件和css文件；

2、在html文件中輸入以下html代碼；

3、在css文件中輸入以下css代碼；

4、編輯完成之后，選擇格式為UTF8-無(wú) BOM模式，保存文件；

5、在瀏覽器中打開(kāi)此html文件，可以看到最終想要實(shí)現(xiàn)的遮住全屏效果。

js遮罩窗體怎么做

1、實(shí)現(xiàn)原理?

* 實(shí)際上彈出層、遮罩層和原頁(yè)面顯示分別為三個(gè)不同的div?

* 彈出層的層級(jí)在遮罩層之上，遮罩層的層級(jí)在原頁(yè)面顯示之上；?

* 遮罩層有通明效果?

* 遮罩層沒(méi)有實(shí)際意義，則無(wú)需在html部分就寫(xiě)上，當(dāng)然寫(xiě)上同樣可以實(shí)現(xiàn)

2、代碼實(shí)現(xiàn)?

html語(yǔ)言如下：

body?

????center?

????????div?input?type="button"?value="go"?onclick="show()"/div?

????????div?id="alert"?style="display:none;"?

????????form?

????????????登錄?

????????????input?type="text"input?type="password"input?type="submit"?value="login"?

????????/form?

????????/div?

????/center?

/body

javascript實(shí)現(xiàn)彈出層和遮罩層：

span?style="font-size:12px;"scriptfunction?show(){?

var?alertPart=document.getElementById("alert");?

alertPart.style.display="block";?

alertPart.style.position?=?"absolute";?

alertPart.style.top?=?"50%";?

alertPart.style.left?=?"50%";?

alertPart.style.marginTop?=?"-75px";?

alertPart.style.marginLeft?=?"-150px";?

alertPart.style.background="cyan";?

alertPart.style.width="300px";?

alertPart.style.height="200px";?

alertPart.style.zIndex?=?"501";?

var?mybg?=?document.createElement("div");?

mybg.setAttribute("id","mybg");?

mybg.style.background?=?"#000";?

mybg.style.width?=?"100%";?

mybg.style.height?=?"100%";?

mybg.style.position?=?"absolute";?

mybg.style.top?=?"0";?

mybg.style.left?=?"0";?

mybg.style.zIndex?=?"500";?

mybg.style.opacity?=?"0.3";?

mybg.style.filter?=?"Alpha(opacity=30)";?

document.body.appendChild(mybg);?

document.body.style.overflow?=?"hidden";?

}?

/script/span

javascript的圓形遮罩問(wèn)題？

在頁(yè)面里加個(gè)全屏的div塊，設(shè)置半透明，z-index設(shè)置最高。然后將放大后的圖片z-index設(shè)置比遮罩層高一點(diǎn)。點(diǎn)擊遮罩層或關(guān)閉按鈕后用JS隱藏遮罩層和圖片。

Javascript鼠標(biāo)事件怎么捕獲遮蓋的元素？

通過(guò)事件冒泡來(lái)觸發(fā)事件，獲取當(dāng)前事件對(duì)象代碼

alert(e.currentTarget.id)