首页 > 编程 > JavaScript > 正文

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

2019-11-19 17:33:45
字体:
来源:转载
供稿:网友

先引入jq代码,然后代码如下:

$(function(){  var docHeight = $(document).height(); //获取窗口高度   $('body').append('<div id="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给页面添加覆盖层遮罩的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表