jq给页面添加覆盖层遮罩的实例

jq给页面添加覆盖层遮罩的实例

先引入jq代码，然后代码如下：

$(function(){

var docHeight = $(document).height(); //获取窗口高度

$('body').append('

$('#overlay')

nUhZxSBnoz.height(docHeight)

.css({

'opacity': .9, //透明度

'position': 'absolute',

'top': 0,

'left': 0,

'background-color': 'black',http://

'width': '100%',

'z-index': 5000 //保证这个悬浮层位于其它内容之上

});

setTimeout(function(){$('#overlay').fadeOut('slow')}, 3000); //设置3秒后覆盖层自动淡出

});

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。