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 相关文章推荐
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
复制js对象方法(详解)
Jul 08 Javascript
JS写的贪吃蛇游戏(个人练习)
Jul 08 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 Javascript
jQuery中hover与mouseover和mouseout的区别分析
Dec 24 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
Dec 31 Javascript
将json转换成struts参数的方法
Nov 08 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
angular中如何绑定iframe中src的方法
Feb 01 Javascript
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
Mar 10 Javascript
关于element-ui表单中限制输入纯数字的解决方式
Sep 08 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中记录用户访问过的产品,在cookie记录产品id,id取得产品信息
2011/05/04 PHP
利用Ffmpeg获得flv视频缩略图和视频时间的代码
2011/09/15 PHP
如何设置mysql允许外网访问
2013/06/04 PHP
PHP+jquery+ajax实现即时聊天功能实例
2014/12/23 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
ThinkPHP中数据操作案例分析
2015/09/27 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
js弹出确认是否删除对话框
2014/03/27 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
jQuery层级选择器实例代码
2017/02/06 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
vue2.0的虚拟DOM渲染思路分析
2018/08/09 Javascript
es5 类与es6中class的区别小结
2020/11/09 Javascript
Python3之文件读写操作的实例讲解
2018/01/23 Python
实例介绍Python中整型
2019/02/11 Python
python实现按关键字筛选日志文件
2019/12/24 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
解析Python 偏函数用法全方位实现
2020/06/26 Python
夏季奶茶店创业计划书
2014/01/16 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
2014最新股权信托合同协议书
2014/11/18 职场文书
公司地址变更通知
2015/04/25 职场文书
小型婚礼主持词
2015/06/30 职场文书
初中团委工作总结
2015/08/13 职场文书
陶瓷类经典广告语集锦
2019/10/25 职场文书
java objectUtils 使用可能会出现的问题
2022/02/28 Java/Android
详解MySQL的内连接和外连接
2023/05/08 MySQL