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单元测试ABC
Apr 12 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
Jul 17 Javascript
基于jquery编写的放大镜插件
Mar 23 Javascript
灵活使用数组制作图片切换js实现
Jul 28 Javascript
详解Vue方法与事件
Mar 09 Javascript
js 两个日期比较相差多少天的实例
Oct 19 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
React props和state属性的具体使用方法
Apr 12 Javascript
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
详解vue微信网页授权最终解决方案
Jun 16 Javascript
js实现简单的随机点名器
Sep 17 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实现的SESSION类
2014/12/02 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
PHP中的静态变量及static静态变量使用详解
2015/11/05 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
javascript中的注释使用与注意事项小结
2011/09/20 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
2015/12/24 Javascript
JavaScript学习笔记整理_setTimeout的应用
2016/09/19 Javascript
详解jQuery中的DOM操作
2016/12/23 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
2017/06/13 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
微信小程序实现批量倒计时功能
2020/11/01 Javascript
使用Vue调取接口,并渲染数据的示例代码
2019/10/28 Javascript
详解python的几种标准输出重定向方式
2016/08/15 Python
Python算法应用实战之队列详解
2017/02/04 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
shell命令行,一键创建 python 模板文件脚本方法
2018/03/20 Python
python list是否包含另一个list所有元素的实例
2018/05/04 Python
python主线程捕获子线程的方法
2018/06/17 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
python文档字符串(函数使用说明)使用详解
2019/07/30 Python
python对csv文件追加写入列的方法
2019/08/01 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
Python中lru_cache的使用和实现详解
2021/01/25 Python
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
北京华建集团SQL面试题
2014/06/03 面试题
物理系毕业生自荐书范文
2014/02/22 职场文书
毕业生工作求职信
2014/06/30 职场文书
作文批改评语
2014/12/25 职场文书
python区块链实现简版工作量证明
2022/05/25 Python