jq給頁面添加覆蓋層遮罩的實例

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

為劍川等地區(qū)用戶提供了全套網頁設計制作服務，及劍川網站建設行業(yè)解決方案。主營業(yè)務為成都網站建設、網站設計、劍川網站設計，以傳統(tǒng)方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

$(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給頁面添加覆蓋層遮罩的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

名稱欄目：jq給頁面添加覆蓋層遮罩的實例
新聞來源：http://muchs.cn/article4/pdjgoe.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、標簽優(yōu)化、微信小程序、企業(yè)建站、域名注冊、動態(tài)網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

綿陽服務器托管