JQuery扩展：将元素显示在屏幕的中央
发布时间：2018-08-24 04:10:31 所属栏目：传媒 来源：站长网
导读：在网站开发中我们经常需要将对话框显示在屏幕的中央。如果使用 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(); （编辑：武汉站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
