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 相关文章推荐
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
May 14 Javascript
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
可恶的ie8提示缺少id未定义
Mar 20 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
Dec 04 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
Angularjs为ng-click事件传递参数
Jun 15 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
Sep 27 Javascript
详解在Node.js中发起HTTP请求的5种方法
Jan 10 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 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
php 在文件指定行插入数据的代码
2010/05/08 PHP
Smarty的配置与高级缓存技术分享
2012/06/05 PHP
关于JSON以及JSON在PHP中的应用技巧
2013/11/27 PHP
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
JSON.parse()和JSON.stringify()使用介绍
2014/06/20 Javascript
jquery判断复选框是否选中进行答题提示特效
2015/12/10 Javascript
基于JavaScript实现动态创建表格和增加表格行数
2015/12/20 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
JS 动态判断PC和手机浏览器实现代码
2016/09/21 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
2019/04/29 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
[03:57]2016完美“圣”典风云人物:rOtk专访
2016/12/09 DOTA
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
python 与GO中操作slice,list的方式实例代码
2017/03/20 Python
对python append 与浅拷贝的实例讲解
2018/05/04 Python
详解django中url路由配置及渲染方式
2019/02/25 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
Python txt文件常用读写操作代码实例
2020/08/03 Python
一文带你掌握Pyecharts地理数据可视化的方法
2021/02/06 Python
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
C语言面试题
2013/05/19 面试题
班长竞选演讲稿
2014/04/24 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
2015年端午节活动策划书
2015/05/05 职场文书
毕业班工作总结
2015/08/10 职场文书
pytorch中的numel函数用法说明
2021/05/13 Python