jquery制作簡單的彈出層，有遮罩。

沒有看到你上傳的圖片，我這里運(yùn)行你的程序沒有出現(xiàn)你說的抖動?，我使用的是FIREFOX

創(chuàng)新互聯(lián)公司成都網(wǎng)站建設(shè)定制網(wǎng)站，是成都營銷推廣公司,為混凝土攪拌罐車提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計、前端HTML5制作、后臺程序開發(fā)等。成都網(wǎng)站制作熱線：028-86922220

jquery遮罩層是什么

遮罩層其實很簡單，你完全可以自己寫個。

div有個屬性index

當(dāng)你不用時你可以讓index=-1 或者

將div的width和height調(diào)到0

當(dāng)你需要遮罩時，通過腳本或者css將width和height調(diào)到你需要的值或者地方。

jquery大神幫我做個遮罩吧

用純css實現(xiàn)

無需js

修改透明度時，修改filter和opacity屬性即可（默認(rèn)是80%）

圖片地址換成你自己的

li的排列隨你的喜好

唯一需要注意的是div一定要把li填滿

如果有一點html基礎(chǔ)，代碼你一看就懂的

Jquery mobile中如何實現(xiàn)遮罩效果

1 背景半透明遮罩層樣式

需要一個黑色（當(dāng)然也可以其他）背景，且須設(shè)置為絕對定位，以下是項目中用到的css樣式：

2 jQuery實現(xiàn)遮罩

3 提示框

遮罩的目的無非讓人無法操作內(nèi)容，突出提示框，而提示框可參考上面的制作，z-index比遮罩層更高便可。主要問題是，如何控制提示框在瀏覽器居中。

jQuery 實現(xiàn)的遮罩層效果

當(dāng)觸發(fā)一個事件，彈出一個iframe，讓這個iframe遮住后面的頁面，這樣后方的頁面功能就會全部失效，也就可以達(dá)到一個遮罩的效果，再通過一個事件取消ifram，恢復(fù)后方頁面的功能。

a.html

!DOCTYPE?

HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?

Transitional//EN"

html

head

titlemask/title

script?type="text/javascript"?

src=""/script

script?

type="text/javascript"

$(document).ready(function?

(){

$('#mask').bind({

click:function?

(){

var?c?=?"iframe?frameborder='0'?

class='mask'style='width:"+$(window).width()+";height:"+($(window).height())+"'?

src='b.html'allowtransparency='true'/iframe";

$('body').append(c);

}

});

});

/script

style?

type="text/css"

.mask{

display:block;

position:absolute;

z-index:100;

top:?

0px;

left:0px;

filter:alpha(opacity=50);

}

body{

background-color:yellow;

}

/style

/head

body

center

ssssss

input?type="button"?

value="mask"?id="mask"

/center

/body

/html

b.html

!DOCTYPE?HTML?PUBLIC?

"-//W3C//DTD?HTML?4.01?

Transitional//EN"

html

head

titlemask/title

script?type="text/javascript"?

src=""/script

script?

type="text/javascript"

$(document).ready(function?

(){

$('#remove').bind('click',function?

(){

$(window.parent.document).find('iframe').remove()?

;

});

});

/script

style?

type="text/css"

body{

background-color:?

#6C7B8B;

}

/style

/head

body

center

brbrbrbrbrbrbrbrbr

input?type="button"id="remove"?

value="remove"

center

/body

/html

分享名稱：遮罩jquery,遮罩快捷鍵cad
當(dāng)前URL：http://chinadenli.net/article48/phishp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、App開發(fā)、企業(yè)建站、網(wǎng)站建設(shè)、網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)