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 相关文章推荐
jquery中使用ajax获取远程页面信息
Nov 13 Javascript
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
可自定义速度的js图片无缝滚动示例分享
Jan 20 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
Jan 06 Javascript
javascript表单正则应用
Feb 04 Javascript
jQuery中的deferred对象和extend方法详解
May 08 jQuery
详解Vue组件之间通信的七种方式
Apr 14 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
Jun 14 Javascript
详解Vue中Axios封装API接口的思路及方法
Oct 10 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 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
晋城吧对DiscuzX进行的前端优化要点
2010/09/05 PHP
PHP加密函数 Javascript/Js 解密函数
2013/09/23 PHP
php命名空间学习详解
2014/02/27 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
Js制作点击输入框时默认文字消失的效果
2015/09/05 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
jQuery原理系列-css选择器的简单实现
2016/06/07 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
教你快速搭建Node.Js服务器的方法教程
2017/03/30 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
vue使用axios跨域请求数据问题详解
2017/10/18 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
jQuery实现小火箭返回顶部特效
2020/02/03 jQuery
angular组件间通讯的实现方法示例
2020/05/07 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
python binascii 进制转换实例
2019/06/12 Python
python区块及区块链的开发详解
2019/07/03 Python
Python代码实现http/https代理服务器的脚本
2019/08/12 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
如何使用python自带IDLE的几种方法
2020/10/10 Python
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
电影T恤、80年代T恤和80年代服装:TV Store Online
2020/01/05 全球购物
C语言笔试题回忆
2015/04/02 面试题
介绍一下SQL Server的全文索引
2013/08/15 面试题
中文系学生自荐信范文
2013/11/13 职场文书
工商管理专业大学生职业生涯规划范文
2014/03/09 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
个人安全生产承诺书
2014/05/22 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书
PHP中多字节字符串操作实例详解
2021/08/23 PHP