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