jquery實(shí)現(xiàn)彈出層完美居中效果
jquery實(shí)現(xiàn)彈出層完美居中效果
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í)例代碼。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11jquery和css3實(shí)現(xiàn)的炫酷時(shí)尚的菜單導(dǎo)航
點(diǎn)擊列表圖表后,內(nèi)容頁面向內(nèi)移動(dòng)顯示菜單項(xiàng)。當(dāng)單擊關(guān)閉菜單按鈕時(shí),菜單項(xiàng)隱藏,內(nèi)容頁恢復(fù)原位2014-09-09加載列表時(shí)jquery獲取ul中第一個(gè)li的屬性
通過jquery獲取ul中第一個(gè)li的屬性,當(dāng)加載列表時(shí),默認(rèn)希望選中第一條,下面是具體的實(shí)現(xiàn)代碼2014-11-11web開發(fā)人員學(xué)習(xí)jQuery的6大理由及jQuery的優(yōu)勢介紹
jQuery是一個(gè)用來簡化HTML客戶端開發(fā)的JS(JavaScrip)庫,它支持HTML DOM處理,同時(shí)還融合了部分HTML和CSS2013-01-01jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
本文是小編給大家?guī)淼膉Query Ajax Post 回調(diào)函數(shù)不執(zhí)行的原因及解決方法,在本文最下面還給大家附加jquery Ajax 不執(zhí)行回調(diào)函數(shù)success的原因,這兩個(gè)問題都非常多見,感興趣的朋友一起看下吧2016-08-08jquery實(shí)現(xiàn)簡易的移動(dòng)端驗(yàn)證表單
本文給大家匯總介紹了幾個(gè)常用的jquery實(shí)現(xiàn)簡易的移動(dòng)端驗(yàn)證表單,非常的實(shí)用,有需要的小伙伴可以進(jìn)來參考下。2015-11-11jQuery實(shí)現(xiàn)tag便簽去重效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tag便簽去重效果的方法,較為詳細(xì)的分析了html頁面及js代碼的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01