2025年01月07日 建站教程
html开发中如何利用jQuery语法创建一个居中弹窗并且带有关闭功能？下面web建站小编给大家简单介绍一下！
具体代码如下：
$(function(){
var pop = $("#popup");
var popWidth = pop.width();
var popHeight = pop.height();
var left = ($(window).width() - popWidth) / 2;
var top = ($(window).height() - popHeight) / 2;
pop.css({
"position": "absolute",
"left": left,
"top": top
});
});
关闭功能
$('.closeBtn').click(function() {
// 隐藏弹框
$('#popup').hide();
});
本文链接：http://so.lmcjl.com/news/20870/