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 api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
jQuery 对Select的操作备忘记录
Jul 04 Javascript
js判断上传文件类型判断FileUpload文件类型代码
May 20 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
JavaScript实现搜索框的自动完成功能(一)
Feb 25 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
Apr 18 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
Feb 22 Javascript
vuex存储token示例
Nov 11 Javascript
JavaScript this指向相关原理及实例解析
Jul 10 Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 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 $_SERVER当前完整url的写法
2009/11/12 PHP
php 启动时报错的简单解决方法
2014/01/27 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
JavaScript的Cookies
2008/01/16 Javascript
斜45度寻路实现函数
2009/08/20 Javascript
js textarea自动增高并隐藏滚动条
2009/12/16 Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
2010/09/08 Javascript
jQuery中需要注意的细节问题小结
2011/12/06 Javascript
JavaScript设置首页和收藏页面的小例子
2013/11/11 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
Javascript动态引用CSS文件的2种方法介绍
2014/06/06 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
2017/01/05 Javascript
移动端使用localResizeIMG4压缩图片
2017/04/22 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
python 实现归并排序算法
2012/06/05 Python
分享一下Python 开发者节省时间的10个方法
2015/10/02 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
关于python写入文件自动换行的问题
2018/06/23 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
Python subprocess库的使用详解
2018/10/26 Python
python 根据时间来生成唯一的字符串方法
2019/01/14 Python
python多线程并发让两个LED同时亮的方法
2019/02/18 Python
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
AVON雅芳官网:世界上最大的美容化妆品公司之一
2016/11/02 全球购物
《燕子》教学反思
2014/02/18 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2015年五四青年节活动总结
2015/02/10 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
中标通知书范本
2015/04/17 职场文书
2015年秋季小班开学寄语
2015/05/27 职场文书
迎新年主持词
2015/07/06 职场文书
大学生社区义工服务心得体会
2016/01/22 职场文书
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript
python字符串拼接.join()和拆分.split()详解
2021/11/23 Python