jquery實現(xiàn)彈出層完美居中效果
更新時間：2014年03月03日 09:24:57 作者：
本篇文章主要是對jquery彈出層居中效果的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
jquery實現(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實現(xiàn)彈出窗口效果的實例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
jquery和css3實現(xiàn)的炫酷時尚的菜單導(dǎo)航
點擊列表圖表后，內(nèi)容頁面向內(nèi)移動顯示菜單項。當(dāng)單擊關(guān)閉菜單按鈕時，菜單項隱藏，內(nèi)容頁恢復(fù)原位2014-09-09
本文主要介紹了純jquery實現(xiàn)前端分頁功能的方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
下面介紹自己寫的一個jQuery圓角的插件，功能非常簡單。目前只能實現(xiàn)1px的固定弧度的圓角矩形邊框。2010-10-10
通過jquery獲取ul中第一個li的屬性，當(dāng)加載列表時，默認(rèn)希望選中第一條，下面是具體的實現(xiàn)代碼2014-11-11
web開發(fā)人員學(xué)習(xí)jQuery的6大理由及jQuery的優(yōu)勢介紹
jQuery是一個用來簡化HTML客戶端開發(fā)的JS（JavaScrip）庫，它支持HTML DOM處理，同時還融合了部分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的原因，這兩個問題都非常多見，感興趣的朋友一起看下吧2016-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery點擊輸入框顯示驗證碼圖片，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
本文給大家匯總介紹了幾個常用的jquery實現(xiàn)簡易的移動端驗證表單，非常的實用，有需要的小伙伴可以進(jìn)來參考下。2015-11-11
這篇文章主要介紹了jQuery實現(xiàn)tag便簽去重效果的方法,較為詳細(xì)的分析了html頁面及js代碼的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-01-01