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基本对象
Jan 11 Javascript
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 Javascript
javascript框架设计读书笔记之种子模块
Dec 02 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
JS定时器实现数值从0到10来回变化
Dec 09 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
Node.js实现文件上传的示例
Jun 28 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
Aug 21 Javascript
浅谈一个webpack构建速度优化误区
Jun 24 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
Aug 26 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
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
PHP编码规范之注释和文件结构说明
2010/07/09 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
Windows下编译PHP5.4和xdebug全记录
2015/04/03 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
2011/07/10 Javascript
javascript作用域容易记错的两个地方分析
2012/06/22 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
纯css实现窗户玻璃雨滴逼真效果
2015/08/23 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
2016/06/13 Javascript
老生常谈JavaScript中的this关键字
2016/10/01 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
深入理解react-router@4.0 使用和源码解析
2017/05/23 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
2017/07/23 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
分析运行中的 Python 进程详细解析
2019/06/22 Python
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
实习生体会的自我评价范文
2013/11/28 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
生产车间标语
2014/06/11 职场文书
信访维稳承诺书
2015/05/04 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python