JQuery 将元素显示在屏幕的中央的代码

qwtd2010

qwtd2010

2016-02-19 13:49

有了下面这个JQuery 将元素显示在屏幕的中央的代码教程,不懂JQuery 将元素显示在屏幕的中央的代码的也能装懂了,赶紧get起来装逼一下吧!

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
(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)



调用方法:

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
$('#dialog').center();
展开更多 50%)
分享

猜你喜欢

JQuery 将元素显示在屏幕的中央的代码

Web开发
JQuery 将元素显示在屏幕的中央的代码

jQuery 学习6 操纵元素显示效果的函数

Web开发
jQuery 学习6 操纵元素显示效果的函数

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层

Web开发
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层

jquery实现的超出屏幕时把固定层变为定位层的代码

Web开发
jquery实现的超出屏幕时把固定层变为定位层的代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jquery 将disabled的元素置为enabled的三种方法

Web开发
jquery 将disabled的元素置为enabled的三种方法

jQuery 行背景颜色的交替显示(隔行变色)实现代码

Web开发
jQuery 行背景颜色的交替显示(隔行变色)实现代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

SQLCLR(二)存储过程和自定义函数

SQLCLR(二)存储过程和自定义函数

如何解决Windows8无法使用3G上网卡问题

如何解决Windows8无法使用3G上网卡问题
下拉加载更多内容 ↓