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

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

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

【 tulaoshi.com - Web开发】

代码如下：

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

调用方法：

代码如下：

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

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

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

jQuery 源代码显示控件 (Ajax加载方式).

标签： Web开发

打包下载：文件打包下载

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...

基于jQuery的密码强度验证代码

标签： Web开发

密码强度验证的方式有很多，今天给大家推荐一个通过JQuery实现的密码强度验证控件，只需要很少的代码便能实现。因为是基于JQuery的控件，当然需要JQuery库，还要一个本控件的JS。JQuery的JS大家可以到官网下载：http://code.jquery.com/jquery-1.4.2.min.js 这个控件的JS文件：password_strength_plugin.js 复制代码代码如下: (function(...

jQuery 前的按键判断代码

标签： Web开发

做web开发的时候，有时候需要根据键盘进行一些操作，例如按下Enter的时候提交表单，禁止用户输入某些特殊字符，设置快捷键等等。这时候需要找出用户按下的是那些按键，写个小程序来测试按键。代码如下： $(document).ready(function(){ var $down = $("#down"); var $press = $("#press"); var $up = $("#up"); $(document).keydown(fun...

动态生成页面元素的代码