欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jq給頁(yè)面添加覆蓋層遮罩的實(shí)例

 更新時(shí)間:2017年02月16日 08:10:24   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇jq給頁(yè)面添加覆蓋層遮罩的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

先引入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 //保證這個(gè)懸浮層位于其它內(nèi)容之上
  });
   
  setTimeout(function(){$('#overlay').fadeOut('slow')}, 3000); //設(shè)置3秒后覆蓋層自動(dòng)淡出
});

以上這篇jq給頁(yè)面添加覆蓋層遮罩的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論