遮罩层jquery,遮罩层的英文
jquery遮罩层是什么
遮罩层其实很简单,你完全可以自己写个。
武乡网站建设公司创新互联建站,武乡网站设计制作,有大型网站制作公司丰富经验。已为武乡成百上千提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的武乡做网站的公司定做!
div有个属性index
当你不用时你可以让index=-1 或者
将div的width和height调到0
当你需要遮罩时,通过脚本或者css将width和height调到你需要的值或者地方。
jQuery 实现的遮罩层效果
当触发一个事件,弹出一个iframe,让这个iframe遮住后面的页面,这样后方的页面功能就会全部失效,也就可以达到一个遮罩的效果,再通过一个事件取消ifram,恢复后方页面的功能。
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遮罩层遮挡不住图片是怎么回事,弹出层,网页背景透明那块,文字啥的都可以遮住
说明你的遮罩层的z-index的数值比弹出层的小了~所以造成了弹出层在上面遮罩层在下面遮不住了呗~
jquery 关于遮罩层上的窗口上下滚动时的抖动问题
position:fixed,用这个样式来给对话框定位,应该不会抖动,如要兼容ie6,网上大把兼容方法
jquery 异步请求会自动调用遮罩层
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()
}
名称栏目:遮罩层jquery,遮罩层的英文
分享URL:http://scjbc.cn/article/hoiohj.html