jquery實(shí)現(xiàn)彈出層完美居中效果
更新時間：2014年03月03日 09:24:57 作者：
本篇文章主要是對jquery彈出層居中效果的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
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)的省市聯(lián)動菜單功能示例【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的省市聯(lián)動菜單功能,結(jié)合完整實(shí)例形式分析了jQuery實(shí)現(xiàn)級聯(lián)菜單的具體流程與操作方法,涉及jQuery表單及數(shù)組元素的遍歷及事件響應(yīng)處理技巧.非常簡單實(shí)用,需要的朋友可以參考下2017-01-01
jquery地址欄鏈接與a標(biāo)簽鏈接匹配之特效代碼總結(jié)
jquery如何獲取地址欄參數(shù)，改變地址欄樣式，接下來，通過本篇文章給大家分享jquery地址欄鏈接與a標(biāo)簽鏈接匹配之特效代碼總結(jié)，需要的朋友可以參考下2015-08-08
jquery通過load獲取文件的內(nèi)容并跳到錨點(diǎn)的方法
這篇文章主要介紹了jquery通過load獲取文件的內(nèi)容并跳到錨點(diǎn)的方法,涉及l(fā)oad及animate等方法的使用技巧,需要的朋友可以參考下2015-01-01
jquery.validate表單驗(yàn)證插件使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery.validate表單驗(yàn)證插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
animate 實(shí)現(xiàn)滑動切換效果【實(shí)例代碼】
下面小編就為大家?guī)硪黄猘nimate 實(shí)現(xiàn)滑動切換效果【實(shí)例代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
基于jquery的拖動布局插件，需要的朋友可以參考下。2011-11-11
jQuery實(shí)現(xiàn)指定內(nèi)容滾動同時左側(cè)或其它地方不滾動的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)指定內(nèi)容滾動同時左側(cè)或其它地方不滾動的方法,可實(shí)現(xiàn)頁面滾動的時候指定位置懸浮固定的效果,涉及jquery針對頁面元素屬性的動態(tài)操作技巧,需要的朋友可以參考下2015-08-08
本篇文章主要是對jquery獲得keycode的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery+ajax實(shí)現(xiàn)無刷新級聯(lián)菜單示例
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)無刷新級聯(lián)菜單示例，代碼很完整，也非常實(shí)用，有需要的小伙伴可以參考下。2015-05-05
本文將介紹如何使用npm安裝和使用jQuery,幫助讀者解決相關(guān)問題,并提供示例代碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11