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中如何调用JSP中的变量
Jan 22 Javascript
JS延时器提示框的应用实例代码解析
Apr 27 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
老生常谈原生JS执行环境与作用域
Nov 22 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
利用pm2部署多个node.js项目的配置教程
Oct 22 Javascript
Angular5.1新功能分享
Dec 21 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 Javascript
JavaScript 实现同时选取多个时间段的方法
Oct 17 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中的命名空间相关概念浅析
2015/01/22 PHP
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
Nodejs极简入门教程(二):定时器
2014/10/25 NodeJs
举例简介AngularJS的内部语言环境
2015/06/17 Javascript
JQuery实现鼠标滚轮滑动到页面节点
2015/07/28 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
2016/01/28 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
2016/07/20 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
Bootstrap Table中的多选框删除功能
2018/07/15 Javascript
vue插件实现v-model功能
2018/09/10 Javascript
js实现继承的方法及优缺点总结
2019/05/08 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
vue实现简单图片上传
2020/06/30 Javascript
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
微信小程序实现分页加载效果
2020/11/19 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
学习python处理python编码问题
2011/03/13 Python
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
Python脚本实现Web漏洞扫描工具
2016/10/25 Python
解决python中遇到字典里key值为None的情况,取不出来的问题
2018/10/17 Python
python对绑定事件的鼠标、按键的判断实例
2019/07/17 Python
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
金讯Java笔试题目
2013/06/18 面试题
现场施工员岗位职责
2014/03/10 职场文书
总结表彰大会主持词
2014/03/26 职场文书
工会工作先进事迹
2014/08/18 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
2016党员三严三实心得体会
2016/01/15 职场文书
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS