建站
咨詢
售后
建站咨詢
新聞中心
jquery遮罩層是什么
遮罩層其實(shí)很簡(jiǎn)單，你完全可以自己寫個(gè)。
武鄉(xiāng)網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,武鄉(xiāng)網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為武鄉(xiāng)成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的武鄉(xiāng)做網(wǎng)站的公司定做！
div有個(gè)屬性index
當(dāng)你不用時(shí)你可以讓index=-1 或者
將div的width和height調(diào)到0
當(dāng)你需要遮罩時(shí)，通過腳本或者css將width和height調(diào)到你需要的值或者地方。
jQuery 實(shí)現(xiàn)的遮罩層效果
當(dāng)觸發(fā)一個(gè)事件，彈出一個(gè)iframe，讓這個(gè)iframe遮住后面的頁面，這樣后方的頁面功能就會(huì)全部失效，也就可以達(dá)到一個(gè)遮罩的效果，再通過一個(gè)事件取消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遮罩層遮擋不住圖片是怎么回事，彈出層，網(wǎng)頁背景透明那塊，文字啥的都可以遮住
說明你的遮罩層的z-index的數(shù)值比彈出層的小了~所以造成了彈出層在上面遮罩層在下面遮不住了唄~
jquery 關(guān)于遮罩層上的窗口上下滾動(dòng)時(shí)的抖動(dòng)問題
position:fixed，用這個(gè)樣式來給對(duì)話框定位，應(yīng)該不會(huì)抖動(dòng)，如要兼容ie6，網(wǎng)上大把兼容方法
jquery 異步請(qǐng)求會(huì)自動(dòng)調(diào)用遮罩層
function?send(){
$('body').append('div?id="layer"/div');
$.ajax({??
url:'#',
data:{},??
type:'post',??
dataType:'json',??
success:function(data){
hideLayer()
},??
error?:?function(){??
hideLayer()
}??
});
}
function?hideLayer(){
$('#layer').remove()
}
標(biāo)題名稱：遮罩層jquery,遮罩層的英文
網(wǎng)站網(wǎng)址：http://www.ef60e0e.cn/article/hoiohj.html
