遮罩jquery,遮罩快捷鍵cad

jquery制作簡(jiǎn)單的彈出層，有遮罩。

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

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

jquery遮罩層是什么

遮罩層其實(shí)很簡(jiǎn)單，你完全可以自己寫(xiě)個(gè)。

div有個(gè)屬性index

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

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

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

jquery大神幫我做個(gè)遮罩吧

用純css實(shí)現(xiàn)

無(wú)需js

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

圖片地址換成你自己的

li的排列隨你的喜好

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

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

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

1 背景半透明遮罩層樣式

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

2 jQuery實(shí)現(xiàn)遮罩

3 提示框

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

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

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

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
文章分享：http://muchs.cn/article48/phishp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、建站公司、網(wǎng)站制作、網(wǎng)站維護(hù)、品牌網(wǎng)站制作、做網(wǎng)站

廣告

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