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 相关文章推荐
JavaScript中Object和Function的关系小结
Sep 26 Javascript
javascript跨域刷新实现代码
Jan 01 Javascript
老司机带你解读jQuery插件开发流程
May 16 Javascript
图文详解JavaScript的原型对象及原型链
Aug 02 Javascript
详解bootstrap导航栏.nav与.navbar区别
Nov 23 Javascript
微信小程序实现MUI数字输入框效果
Jan 31 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
vuex actions传递多参数的处理方法
Sep 18 Javascript
JavaScript 高性能数组去重的方法
Sep 20 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
JavaScript数组排序功能简单实现
May 14 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里的JS打印函数
2006/10/09 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
Yii框架函数简单用法分析
2019/09/09 PHP
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
通过js动态操作table(新增,删除相关列信息)
2012/05/23 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
Js实现滚动变色的文字效果
2014/06/16 Javascript
浅析Node在构建超媒体API中的作用
2014/07/30 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
2016/05/11 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
Node.js Sequelize如何实现数据库的读写分离
2016/10/23 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
Node对CommonJS的模块规范
2019/11/06 Javascript
Python对CSV、Excel、txt、dat文件的处理
2018/09/18 Python
python实现通过flask和前端进行数据收发
2019/08/22 Python
Tensorflow 实现释放内存
2020/02/03 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
纯css3实现宠物小鸡实例代码
2018/10/08 HTML / CSS
法国二手手袋、手表和奢侈珠宝购物网站:Collector Square
2018/07/05 全球购物
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
Ref与out有什么不同
2012/11/24 面试题
高二化学教学反思
2014/01/30 职场文书
出国留学计划书
2014/04/27 职场文书
我们的节日中秋活动方案
2014/08/19 职场文书
学生抄作业检讨书(2篇)
2014/10/17 职场文书
物业客服专员岗位职责
2015/04/07 职场文书
2015年暑假生活总结
2015/07/13 职场文书
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript