jquery实现弹出层完美居中效果
摘要：jquery实现弹出层完美居中效果复制代码代码如下:showDiv($("#pop"));functionshowDiv(obj){$(ob...
jquery实现弹出层完美居中效果
复制代码 代码如下:
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实现弹出层完美居中效果】相关文章：
★ jquery插件splitScren实现页面分屏切换模板特效
★ js输入中文效果
上一篇：
jquery实现弹出层遮罩效果的简单实例
下一篇：
jquery实现点击弹出层效果的简单实例