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)
调用：
复制代码 代码示例:
$('#dialog').center();
建议亲测，jquery 元素屏幕居中轻松实现。
