JQuery扩展：将元素显示在屏幕的中央

发布时间：2018-08-28 05:00:56 所属栏目：传媒来源：站长网

导读：在网站开发中我们经常需要将对话框显示在屏幕的中央。如果使用 Java script因为浏览器实现的差异，实现起来非常麻烦。但是JQuery可以很简单实现的搞定这一切。 (function($){ $.fn.center = function(){ var top = ($(window).height() - this.height())/2;

在网站开发中我们经常需要将对话框显示在屏幕的中央。如果使用Javascript因为浏览器实现的差异，实现起来非常麻烦。但是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();

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!