JQuery实现元素屏幕居中显示的代码
发布时间：2015-10-07 编辑：jiaochengji.com
JQuery实现元素屏幕居中显示的代码。用javascript实现起来比较麻烦，因为受限于浏览器实现的差异，不好操作。还好，有JQuery可以轻松实现将元素在屏幕居中显示。
jquery实现元素屏幕居中显示的代码，有需的朋友可以参考下。
例如：
复制代码 代码示例:
(function($){
$.fn.center = function(){
var top = ($(window).height() - this.height())/2;
var left = ($(window).width() - this.width())/2;
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
return this.css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show();
}
})(jQuery)
$.fn.center = function(){
var top = ($(window).height() - this.height())/2;
var left = ($(window).width() - this.width())/2;
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
return this.css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show();
}
})(jQuery)
调用：
复制代码 代码示例:
$('#dialog').center();
建议亲测，jquery 元素屏幕居中轻松实现。
您可能感兴趣的文章：
JQuery实现元素屏幕居中显示的代码
JQuery 将元素显示在屏幕的中央的代码
基于jquery的跟随屏幕滚动代码
jquery 实现弹出div位于屏幕正中(图文)
js如何获取屏幕高度
js获取屏幕宽度实例代码
jquery实现弹出div,始终显示在屏幕正中间的简单实例
js双击鼠标自动滚动屏幕实例
JS获取屏幕高度与宽度方法
js获取当前对象大小与屏幕分辨率
上一篇：jquery实现div层的隐藏或显示
下一篇：jQuery 随机密码生成示例
[关闭]