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


Posted in Javascript onFebruary 27, 2010
(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();
Javascript 相关文章推荐
关于图片验证码设计的思考
Jan 29 Javascript
在jquery中处理带有命名空间的XML数据
Jun 13 Javascript
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
Dec 26 Javascript
IE6下opacity与JQuery的奇妙结合
Mar 01 Javascript
js实现瀑布流的一种简单方法实例分享
Nov 04 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
使用控制台破解百小度一个月只准改一次名字
Aug 13 Javascript
Angularjs实现多个页面共享数据的方式
Mar 29 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
vue-for循环嵌套操作示例
Jan 28 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
Jun 13 Javascript
详解react组件通讯方式(多种)
May 06 Javascript
jquery 最简单易用的表单验证插件
Feb 27 #Javascript
JQuery团队打造的javascript单元测试工具QUnit介绍
Feb 26 #Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
Feb 26 #Javascript
JavaScript 空位补零实现代码
Feb 26 #Javascript
javascript replace()正则替换实现代码
Feb 26 #Javascript
javascript function调用时的参数检测常用办法
Feb 26 #Javascript
jquery1.4 教程二 ajax方法的改进
Feb 25 #Javascript
You might like
谈谈新手如何学习PHP
2006/12/23 PHP
PHP中实现中文字符进制转换原理分析
2011/12/06 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
浅谈PHP面向对象之访问者模式+组合模式
2017/05/22 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
JS的replace方法详细介绍
2012/11/09 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
2013/12/10 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
2014/12/05 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
关于 jQuery Easyui异步加载tree的问题解析
2016/12/06 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
python常用web框架简单性能测试结果分享(包含django、flask、bottle、tornado)
2014/08/25 Python
Python3.4实现从HTTP代理网站批量获取代理并筛选的方法示例
2017/09/26 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
基于MTCNN/TensorFlow实现人脸检测
2018/05/24 Python
python保存数据到本地文件的方法
2018/06/23 Python
python如何查看微信消息撤回
2018/11/27 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
查看已安装tensorflow版本的方法示例
2020/04/19 Python
捐书寄语赠言
2014/01/18 职场文书
企业安全生产标语
2014/06/06 职场文书
大学生党校培训心得体会
2014/09/11 职场文书
普宁寺导游词
2015/02/04 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
劳动合同变更协议书范本
2019/04/18 职场文书
instantclient客户端 连接oracle数据库
2022/04/26 Oracle