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 HTML中的table
Apr 15 Javascript
Jquery提交表单 Form.js官方插件介绍
Mar 01 Javascript
javascript 系统文件夹文件操作及参数介绍
Jan 08 Javascript
JQuery 图片滚动轮播示例代码
Mar 24 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
JavaScript生成.xls文件的代码
Dec 22 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
Jan 04 Javascript
基于JavaScript 性能优化技巧心得(分享)
Dec 11 Javascript
实例详解Node.js 函数
Jun 10 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
Aug 04 Javascript
浅析Vue 防抖与节流的使用
Nov 14 Javascript
在antd4.0中Form使用initialValue操作
Nov 02 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桌面中心(一) 创建数据库
2007/03/11 PHP
php 判断字符串编码是utf-8 或gb2312实例
2016/11/01 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
php-msf源码详解
2017/12/25 PHP
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
浅谈javascript对象模型和function对象
2014/12/26 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
设置jquery UI 控件的大小方法
2016/12/12 Javascript
BootstrapTable refresh 方法使用实例简单介绍
2017/02/20 Javascript
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
微信小程序实现评论功能
2018/11/28 Javascript
vue学习之Vue-Router用法实例分析
2020/01/06 Javascript
js canvas实现五子棋小游戏
2021/01/22 Javascript
python关键字and和or用法实例
2015/05/28 Python
Python实现图像几何变换
2015/07/06 Python
python实现百度语音识别api
2018/04/10 Python
python实现多线程网页下载器
2018/04/15 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
python和php学习哪个更有发展
2020/06/17 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
详解HTML5中的标签
2015/06/19 HTML / CSS
amazeui模态框弹出后立马消失并刷新页面
2020/08/19 HTML / CSS
Urban Outfitters德国官网:美国跨国生活方式零售公司
2018/05/21 全球购物
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
小学一年级评语大全
2014/04/22 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
社区安全温馨提示语
2015/07/14 职场文书