//成功领卷
var oLogin=$(".showbigdiv");
$(function() {
$(".clickme").on('click', function() {
ietest();
oLogin.show();
});
$(".closeButton").on('click', function() {
oLogin.hide();
});
$(window).on('resize scroll',function(){
oLogin.css('left' , ($(window).width() - oLogin.outerWidth())/2 );
oLogin.css('top' , ($(window).height() - oLogin.outerHeight())/2);
});
});
function ietest() {
oLogin.css('left' , ($(window).width() - oLogin.outerWidth())/2 );
oLogin.css('top' , ($(window).height() - oLogin.outerHeight())/2 );
}
成功领卷【jquery】
这段代码展示了如何使用jQuery实现一个元素在页面上居中显示。点击'.clickme'按钮时,元素'oLogin'会显示,并居中定位。点击'.closeButton'时,oLogin隐藏。同时,当窗口发生滚动或调整大小时,oLogin始终保持居中。
摘要由CSDN通过智能技术生成