jq給頁(yè)面添加覆蓋層遮罩的實(shí)例
先引入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)文章
jQuery實(shí)現(xiàn)簡(jiǎn)單三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單三級(jí)聯(lián)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09jQuery短信驗(yàn)證倒計(jì)時(shí)功能實(shí)現(xiàn)方法詳解
這篇文章主要介紹了jQuery短信驗(yàn)證倒計(jì)時(shí)功能實(shí)現(xiàn)方法,實(shí)例分析了jQuery前臺(tái)倒計(jì)時(shí)功能及ajax交互的相關(guān)技巧,需要的朋友可以參考下2016-05-05jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子
這篇文章主要介紹了jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子,使用replaceWith可以替換模板里的標(biāo)簽,還可以實(shí)現(xiàn)多語(yǔ)言網(wǎng)站,需要的朋友可以參考下2014-08-08jQuery實(shí)戰(zhàn)之仿淘寶商城左側(cè)導(dǎo)航效果
網(wǎng)絡(luò)上很很多這種效果的JS寫法,但是還沒(méi)有看見用jQuery寫的,效果實(shí)現(xiàn)很簡(jiǎn)單,確切的說(shuō)是用jquery實(shí)現(xiàn)這個(gè)效果很簡(jiǎn)單,這就是jquery的強(qiáng)大和魅力所在。2011-04-04jquery.zclip輕量級(jí)復(fù)制失效問(wèn)題
本文主要介紹了解決jquery.zclip輕量級(jí)復(fù)制失效問(wèn)題的工作原理及方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能,涉及jQuery事件響應(yīng)、字符串遍歷及正則判斷等相關(guān)操作技巧,需要的朋友可以參考下2018-01-01jquery網(wǎng)頁(yè)元素拖拽插件效果及實(shí)現(xiàn)
效果說(shuō)明:配合已有css樣式,載入插件后,網(wǎng)頁(yè)元素可以隨意在窗口內(nèi)拖拽,設(shè)置了原位置半透明和拖拽半透明的效果選項(xiàng),可根據(jù)需要選擇。另外,當(dāng)頁(yè)面上有多個(gè)可拖拽元素時(shí),可以載入另外一個(gè)用于設(shè)置z-index的插件,模擬windows窗口點(diǎn)擊置頂效果。2013-08-08jQuery實(shí)現(xiàn)帶動(dòng)畫效果的二級(jí)下拉導(dǎo)航方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶動(dòng)畫效果的二級(jí)下拉導(dǎo)航方法,涉及jQuery操作css樣式及鼠標(biāo)事件的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03jQuery實(shí)現(xiàn)按鈕點(diǎn)擊遮罩加載及處理完后恢復(fù)的效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)按鈕點(diǎn)擊遮罩加載及處理完后恢復(fù)的效果,涉及jQuery與asp.net后臺(tái)交互實(shí)現(xiàn)頁(yè)面效果動(dòng)態(tài)變換的相關(guān)技巧,需要的朋友可以參考下2016-06-06