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中json对象和string对象之间相互转化
Dec 26 Javascript
JQuery判断子iframe何时加载完成解决方案
Aug 20 Javascript
js switch case default 的用法示例介绍
Oct 23 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 Javascript
详解JavaScript中Date.UTC()方法的使用
Jun 12 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
Jun 02 Javascript
Javascript快速实现浏览器系统通知
Aug 26 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
Nov 02 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
May 12 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 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
CodeIgniter配置之routes.php用法实例分析
2016/01/19 PHP
Yii框架中jquery表单验证插件用法示例
2016/10/18 PHP
php把文件设置为插件的技巧方法
2020/02/03 PHP
JavaScript获得选中文本内容的方法
2008/12/02 Javascript
jQuery 使用手册(六)
2009/09/23 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
图解Javascript——作用域、作用域链、闭包
2017/03/21 Javascript
Javascript中click与blur事件的顺序详析
2017/04/25 Javascript
React Native之TextInput组件解析示例
2017/08/22 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
vue mixins组件复用的几种方式(小结)
2017/09/06 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
2020/04/21 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中使用HTMLParser解析html实例
2015/02/08 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
django2.2 和 PyMySQL版本兼容问题
2020/02/17 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
详解background属性的8个属性值(面试题)
2020/11/02 HTML / CSS
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
优秀广告词大全
2014/03/19 职场文书
农村葬礼主持词
2014/03/31 职场文书
党干部专题民主生活会对照检查材料思想汇报
2014/10/06 职场文书
具结保证书范本
2015/05/11 职场文书
篮球赛闭幕式主持词
2015/07/03 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书