求一个简单的lightbox效果，主要是弹出层在屏幕中居中的问题，可以使用jquery，不要插件
答案:1 悬赏:0
解决时间 2021-01-20 22:14
- 提问者网友：留有余香
- 2021-01-20 14:18
求一个简单的lightbox效果，主要是弹出层在屏幕中居中的问题，可以使用jquery，不要插件
最佳答案
- 二级知识专家网友：大漠
- 2021-01-20 14:54
你用js控制一下位置不就好了
var$place = function(selector){//目标居中,目标应为绝对定位
var $t=( $(window).height()-$(selector).height())/2;
var $l=( $(window).width()-$(selector).width())/2;
$(selector).css({"left":$l+"px","top":$t+"px"});
}
$(function(){
$place (selector);
$(window).resize(function(){$place (selector);}) //调整浏览器大小
})
或者
lightbox么 我想如果要弹出层居中 最简单的就是弹出一个table，弹出层结构很简单。用table做没有很大的关系
var$place = function(selector){//目标居中,目标应为绝对定位
var $t=( $(window).height()-$(selector).height())/2;
var $l=( $(window).width()-$(selector).width())/2;
$(selector).css({"left":$l+"px","top":$t+"px"});
}
$(function(){
$place (selector);
$(window).resize(function(){$place (selector);}) //调整浏览器大小
})
或者
lightbox么 我想如果要弹出层居中 最简单的就是弹出一个table，弹出层结构很简单。用table做没有很大的关系
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯