加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

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();

(编辑:湖南网)

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

    热点阅读