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 相关文章推荐
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 Javascript
浅析script标签中的defer与async属性
Nov 30 Javascript
深入学习Bootstrap表单
Dec 13 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
利用node.js实现自动生成前端项目组件的方法详解
Jul 12 Javascript
JS实现闭包中的沙箱模式示例
Sep 07 Javascript
浅谈React高阶组件
Mar 28 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
JS实现盒子拖拽效果
Feb 06 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
全国FM电台频率大全 - 20 广西省
2020/03/11 无线电
php 友好URL的实现(吐血推荐)
2008/10/04 PHP
php实现读取内存顺序号
2015/03/29 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
PHP simplexml_load_file()函数讲解
2019/02/03 PHP
javascript 自定义事件初探
2009/08/21 Javascript
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
ExtJs GridPanel简单的增删改实现代码
2010/08/26 Javascript
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
前端防止用户重复提交js实现代码示例
2018/09/07 Javascript
微信小程序使用字体图标的方法
2019/05/23 Javascript
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
JavaScript中的执行环境和作用域链
2020/09/04 Javascript
如何手动实现一个 JavaScript 模块执行器
2020/10/16 Javascript
vue-cli —— 如何局部修改Element样式
2020/10/22 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
[13:56]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第一场
2018/04/06 DOTA
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
python中PIL安装简单教程
2016/04/21 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
Python实现某论坛自动签到功能
2019/08/20 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
Django-migrate报错问题解决方案
2020/04/21 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
python基于openpyxl生成excel文件
2020/12/23 Python
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
马来西亚领先的在线礼品店:Giftr
2018/08/23 全球购物
UNIX操作系统结构由哪几部分组成
2016/02/17 面试题
浙大毕业生自荐信
2014/01/26 职场文书
合作协议书范文
2014/08/20 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书