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

2016-02-19 13:49 20 1 收藏

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

【 tulaoshi.com - Web开发】

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://www.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)

调用方法：

代码如下：

来源:https://www.tulaoshi.com/n/20160219/1605350.html

上一篇： SQLCLR（二）存储过程和自定义函数
下一篇：如何解决Windows8无法使用3G上网卡问题

看过《JQuery 将元素显示在屏幕的中央的代码》的人还看了以下文章更多>>

JQuery 常用操作代码

标签： Web开发

//遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } ...

在textarea中显示html页面的javascript代码

标签： Web开发

我想让textarea中写的html页面显示为html形式我知道有htmledit之类的工具我用不了他的那么多的功能我只要简单的显示就可以了 1楼如果你只为显示的话，可以用document.write（）如果还要编辑的话，我觉得你可能还是要用htm...

如何将QQ空间模块显示在主页？

标签：电脑入门

第一步：登录您的QQ空间，点击顶层工具栏装扮; 第二步：进入空间装扮页面后，点击高级设置=》增删模块=》把您想显示的模块方框里打勾，最后保存操作即可。

将RTF格式的文件转成HTML并在网页中显示的代码

标签： PHP

将RTF格式的文件转成HTML并在网页中显示的代码它是这样工作的，将一个RTF文件上传，然后转成HTML显示出来，代码有点复杂,teaman还要好好研究,好象中文版有点问题。 <html <body <? if(!($userfile)) { ...

jquery的颜色选择插件实例代码

标签： Web开发

代码如下: (function($){ $.fn.extend({ selectColor:function(){ var _d = new Date(); var _tem = _d.getTime(); return this.each(function(){ var showColor = function(_obj){ var _left = parseInt($(_obj).offset().left); var _top = parseInt($(_obj).offset().top); var _width = parseInt($(_obj).width()); var _heigh...

查看更多精彩>>