jquery实现弹出div,始终显示在屏幕正中间的简单实例


Posted in Javascript onMarch 08, 2014

以下代码块就能始终让弹出div位于屏幕的正中心,希望对大家有所帮助!

    //让指定的DIV始终显示在屏幕正中间   
    function setDivCenter(divName){   
        var top = ($(window).height() - $(divName).height())/2;   
        var left = ($(window).width() - $(divName).width())/2;   
        var scrollTop = $(document).scrollTop();   
        var scrollLeft = $(document).scrollLeft();   
        $(divName).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show();  
    } 
Javascript 相关文章推荐
JavaScript 解析读取XML文档 实例代码
Jul 07 Javascript
js自定义事件代码说明
Jan 31 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
javascript实现2048游戏示例
May 04 Javascript
JavaScript中的继承方式详解
Feb 11 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
Oct 19 Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
May 29 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
Apr 27 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 Javascript
JS新手入门数组处理的实用方法汇总
Apr 07 Javascript
Extjs表单常见验证小结
Mar 07 #Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 #Javascript
禁用JavaScript控制台调试的方法
Mar 07 #Javascript
jquery日历控件实现方法分享
Mar 07 #Javascript
jquery.form.js用法之清空form的方法
Mar 07 #Javascript
jquery设置按钮停顿3秒不可用
Mar 07 #Javascript
jquery 实现两级导航菜单附效果图
Mar 07 #Javascript
You might like
十天学会php之第六天
2006/10/09 PHP
数字转英文
2006/12/06 PHP
通过缓存数据库结果提高PHP性能的原理介绍
2012/09/05 PHP
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
原生JS实现表单checkbook获取已选择的值
2013/07/21 Javascript
Javascript基础教程之变量
2015/01/18 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
2017/10/14 jQuery
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
[02:12]2015国际邀请赛 SHOWOPEN
2015/08/05 DOTA
Python标准库os.path包、glob包使用实例
2014/11/25 Python
Python第三方库的安装方法总结
2016/06/06 Python
python 换位密码算法的实例详解
2017/07/19 Python
Python 闭包的使用方法
2017/09/07 Python
python命令行解析之parse_known_args()函数和parse_args()使用区别介绍
2018/01/24 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
对Python实现累加函数的方法详解
2019/01/23 Python
Python将列表中的元素转化为数字并排序的示例
2019/12/25 Python
在echarts中图例legend和坐标系grid实现左右布局实例
2020/05/16 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
实习生个人找工作的自我评价
2013/10/30 职场文书
秘书英文求职信范文
2014/01/31 职场文书
2015年工程师工作总结
2015/04/30 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang