快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

遮罩层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://6mz.cn/article/hoiohj.html

其他资讯