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 相关文章推荐
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
JS性能优化笔记搜索整理
Aug 21 Javascript
用jquery中插件dialog实现弹框效果实例代码
Nov 15 Javascript
javascript父子页面通讯实例详解
Jul 17 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
Nov 29 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
bootstrap组件之导航组件使用方法
Jan 19 Javascript
详解Javascript中new()到底做了些什么?
Mar 29 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
Nov 26 Javascript
微信小程序实现选择地址省市区三级联动
Jun 21 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
用PHPdig打造属于你自己的Google[图文教程]
2007/02/14 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
javascript 页面划词搜索JS
2009/09/28 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
jquery插件制作 表单验证实现代码
2012/08/17 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
贴近用户体验的Jquery日期、时间选择插件
2015/08/19 Javascript
jquery ui dialog替代confirm实例分析
2016/01/25 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
2020/02/01 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
python处理文本文件并生成指定格式的文件
2014/07/31 Python
深入解析Python中的urllib2模块
2015/11/13 Python
Python Socket实现简单TCP Server/client功能示例
2017/08/05 Python
Python3.x对JSON的一些操作示例
2017/09/01 Python
python生成excel的实例代码
2017/11/08 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
python最小生成树kruskal与prim算法详解
2019/01/17 Python
Python跳出多重循环的方法示例
2019/07/03 Python
python实现的发邮件功能示例
2019/09/11 Python
Pytorch之保存读取模型实例
2019/12/30 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
出纳的岗位职责
2013/11/09 职场文书
中专毕业生自我鉴定
2014/02/02 职场文书
个人近期表现材料
2014/02/11 职场文书
公司担保书范文
2014/05/21 职场文书
阿凡达观后感
2015/06/10 职场文书
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript