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 相关文章推荐
动态为事件添加js代码示例
Feb 15 Javascript
Javascript 继承机制的实现
Aug 12 Javascript
基于jQuery实现左右div自适应高度完全相同的代码
Aug 09 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
推荐一款jQuery插件模板
Jan 09 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
Sep 26 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
在javaScript中检测数据类型的几种方式小结
Mar 04 Javascript
利用vue开发一个所谓的数独方法实例
Dec 21 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
分页显示Oracle数据库记录的类之一
2006/10/09 PHP
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
php 删除数组元素
2009/01/16 PHP
php入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
Bootstrap插件全集
2016/07/18 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
2017/09/20 jQuery
VUE前端cookie简单操作
2017/10/17 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
vue中的数据绑定原理的实现
2018/07/02 Javascript
vue 基于element-ui 分页组件封装的实例代码
2018/12/10 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
谈谈JavaScript中的垃圾回收机制
2020/09/17 Javascript
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
Python3中简单的文件操作及两个简单小实例分享
2017/06/18 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
小学生暑假感言
2014/02/06 职场文书
语文教育专业求职信
2014/06/28 职场文书
合作意向书
2014/07/30 职场文书
公务员党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
XX部保密工作制度范本
2019/08/27 职场文书
华为HarmonyOS3.0强在哪? 看看鸿蒙3.0这7个小功能
2023/01/09 数码科技