JQuery扩展:将元素表现在屏幕的中央
发布时间:2018-08-23 05:12:53 所属栏目:业界 来源:站长网
导读:在网站开拓中我们常常必要将对话框表现在屏幕的中央。假如行使 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(); (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |