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 相关文章推荐
事件冒泡是什么如何用jquery阻止事件冒泡
Mar 20 Javascript
jQuery简单创建节点的方法
Sep 09 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
Vue2.X 通过AJAX动态更新数据
Jul 17 Javascript
Element input树型下拉框的实现代码
Dec 21 Javascript
微信二次分享报错invalid signature问题及解决方法
Apr 01 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
微信公众号开发之微信支付代码记录的实现
Oct 16 Javascript
node后端服务保活的实现
Nov 10 Javascript
js实现时间日期校验
May 26 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中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
PHP模板引擎Smarty自定义变量调解器用法
2016/04/11 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
srcElement表格样式
2006/09/03 Javascript
通过ifame指向的页面高度调整iframe的高度
2006/10/05 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
全面解析Bootstrap弹窗的实现方法
2015/12/01 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
JS实现颜色动态淡化效果
2017/03/06 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
详解vue 项目白屏解决方案
2018/10/31 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
基于JavaScript伪随机正态分布代码实例
2019/11/07 Javascript
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python使用当前时间、随机数产生一个唯一数字的方法
2017/09/18 Python
Python Numpy 数组的初始化和基本操作
2018/03/13 Python
详解Python修复遥感影像条带的两种方式
2020/02/23 Python
python pandas.DataFrame.loc函数使用详解
2020/03/26 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
VisionPros美国站:加拿大在线隐形眼镜和眼镜零售商
2020/02/11 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
Ejb技术面试题
2015/04/29 面试题
2014年高三毕业生自我评价
2014/01/11 职场文书
人力资源经理的岗位职责范本
2014/02/28 职场文书
生物科学专业自荐书
2014/06/20 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
如何利用golang运用mysql数据库
2022/03/13 Golang