jq给页面添加覆盖层遮罩的实例
先引入jq代码,然后代码如下:
$(function(){ vardocHeight=$(document).height();//获取窗口高度 $('body').append('<divid="overlay"></div>'); $('#overlay') .height(docHeight) .css({ 'opacity':.9,//透明度 'position':'absolute', 'top':0, 'left':0, 'background-color':'black', 'width':'100%', 'z-index':5000//保证这个悬浮层位于其它内容之上 }); setTimeout(function(){$('#overlay').fadeOut('slow')},3000);//设置3秒后覆盖层自动淡出 });
以上这篇jq给页面添加覆盖层遮罩的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。