JQuery 将元素显示在屏幕的中央的代码
更新时间：2010年02月27日 12:06:32 作者：
在网站开发中我们经常需要将对话框显示在屏幕的中央。如果使用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();
相关文章
本文主要介绍了jQuery事件的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了jQuery实现的兼容性浮动层,可兼容IE、火狐等主流浏览器,涉及jQuery针对页面元素的运算与属性的动态设置相关技巧,需要的朋友可以参考下2016-08-08
当点击具体的li元素时，发现ul的事件也被触发了，这是我们不想看到的，解决方法就是加一句阻止冒泡即可2014-09-09
这篇文章主要介绍了jquery获得同源iframe内body下标签的值的方法,很简单，很实用，需要的朋友可以参考下2014-09-09
本文给大家汇总介绍了几个jQuery中不常用的方法，记录一下，分享给大家，有需要的小伙伴可以参考下。2015-07-07
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
这篇文章主要介绍了jQuery实现漂亮实用的商品图片tips提示框效果,具有鼠标滑过显示动态提示框的效果,涉及针对鼠标事件的响应及页面元素动态操作技巧,需要的朋友可以参考下2016-04-04
JQuery 入门实例 大家可以参考下。2009-06-06
这篇文章主要介绍了jquery Ajax 全局调用封装实例详解的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了jQuery实现平滑滚动到指定锚点的方法,实例分析了jQuery根据锚点定位滚动的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
这篇文章主要介绍了Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析的相关资料,需要的朋友可以参考下2016-01-01
最新评论