jquery實(shí)現(xiàn)彈出層完美居中效果
更新時(shí)間：2014年03月03日 09:24:57 作者：
本篇文章主要是對(duì)jquery彈出層居中效果的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
jquery實(shí)現(xiàn)彈出層完美居中效果
復(fù)制代碼 代碼如下:
showDiv($("#pop"));
function showDiv(obj){
$(obj).show();
center(obj);
$(window).scroll(function(){
center(obj);
});
$(window).resize(function(){
center(obj);
});
}
function center(obj){
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $(obj).height();
var popupWidth = $(obj).width();
$(obj).css({
"position": "absolute",
"top": (windowHeight-popupHeight)/2+$(document).scrollTop(),
"left": (windowWidth-popupWidth)/2
});
}
相關(guān)文章
jquery實(shí)現(xiàn)彈出窗口效果的實(shí)例代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)彈出窗口效果的實(shí)例代碼。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
jquery和css3實(shí)現(xiàn)的炫酷時(shí)尚的菜單導(dǎo)航
點(diǎn)擊列表圖表后，內(nèi)容頁(yè)面向內(nèi)移動(dòng)顯示菜單項(xiàng)。當(dāng)單擊關(guān)閉菜單按鈕時(shí)，菜單項(xiàng)隱藏，內(nèi)容頁(yè)恢復(fù)原位2014-09-09
純jQuery實(shí)現(xiàn)前端分頁(yè)功能
本文主要介紹了純jquery實(shí)現(xiàn)前端分頁(yè)功能的方法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
下面介紹自己寫的一個(gè)jQuery圓角的插件，功能非常簡(jiǎn)單。目前只能實(shí)現(xiàn)1px的固定弧度的圓角矩形邊框。2010-10-10
加載列表時(shí)jquery獲取ul中第一個(gè)li的屬性
通過jquery獲取ul中第一個(gè)li的屬性，當(dāng)加載列表時(shí)，默認(rèn)希望選中第一條，下面是具體的實(shí)現(xiàn)代碼2014-11-11
web開發(fā)人員學(xué)習(xí)jQuery的6大理由及jQuery的優(yōu)勢(shì)介紹
jQuery是一個(gè)用來簡(jiǎn)化HTML客戶端開發(fā)的JS（JavaScrip）庫(kù)，它支持HTML DOM處理，同時(shí)還融合了部分HTML和CSS2013-01-01
jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
本文是小編給大家?guī)淼膉Query Ajax Post 回調(diào)函數(shù)不執(zhí)行的原因及解決方法，在本文最下面還給大家附加jquery Ajax 不執(zhí)行回調(diào)函數(shù)success的原因，這兩個(gè)問題都非常多見，感興趣的朋友一起看下吧2016-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery點(diǎn)擊輸入框顯示驗(yàn)證碼圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
jquery實(shí)現(xiàn)簡(jiǎn)易的移動(dòng)端驗(yàn)證表單
本文給大家匯總介紹了幾個(gè)常用的jquery實(shí)現(xiàn)簡(jiǎn)易的移動(dòng)端驗(yàn)證表單，非常的實(shí)用，有需要的小伙伴可以進(jìn)來參考下。2015-11-11
jQuery實(shí)現(xiàn)tag便簽去重效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tag便簽去重效果的方法,較為詳細(xì)的分析了html頁(yè)面及js代碼的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01