jquery实现弹出层完美居中效果_jquery

来源：动视网责编：小采时间：2020-11-27 21:20:23

jquery实现弹出层完美居中效果_jquery

jquery实现弹出层完美居中效果_jquery:jquery实现弹出层完美居中效果代码如下:showDiv($(#pop));function showDiv(obj){ $(obj).show(); center(obj); $(window).scroll(function(){ center(obj); }); $(window).resize(function(){ cent

推荐度：

点击下载本文 文档为doc格式

导读jquery实现弹出层完美居中效果_jquery:jquery实现弹出层完美居中效果代码如下:showDiv($(#pop));function showDiv(obj){ $(obj).show(); center(obj); $(window).scroll(function(){ center(obj); }); $(window).resize(function(){ cent

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

推荐度：

点击下载本文 文档为doc格式

标签：居中 jQuery 弹出层

热门焦点

jquery实现弹出层完美居中效果_jquery

jquery实现弹出层完美居中效果_jquery

jquery实现弹出层完美居中效果_jquery

最新推荐

猜你喜欢

热门推荐