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 相关文章推荐
线路分流自动跳转代码;希望对大家有用!
Dec 02 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
Feb 16 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
Aug 14 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
谈一谈JS消息机制和事件机制的理解
Apr 14 Javascript
javascript实现鼠标点击页面 移动DIV
Dec 02 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
vue增删改查的简单操作
Jul 15 Javascript
Angular整合zTree的示例代码
Jan 24 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中Date获取时间不正确怎么办
2008/06/05 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
合并ThinkPHP配置文件以消除代码冗余的实现方法
2014/07/22 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
php实现excel中rank函数功能的方法
2015/01/20 PHP
PHP+mysql+ajax轻量级聊天室实现方法详解
2016/10/17 PHP
微信 开发生成带参数的二维码的实例
2016/11/23 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
关于Jqzoom的使用心得 jquery放大镜效果插件
2010/04/12 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
js解析json读取List中的实体对象示例
2014/03/11 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
2019/02/18 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
小程序新版订阅消息模板消息
2019/12/31 Javascript
es6数组的flat(),flatMap()函数用法实例分析
2020/04/18 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
python使用suds调用webservice接口的方法
2019/01/03 Python
解决pyinstaller打包发布后的exe文件打开控制台闪退的问题
2019/06/21 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
给校长的一封建议书
2014/03/12 职场文书
大学共青团员个人自我评价
2014/04/16 职场文书
2014单位领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
庆六一宣传标语
2014/10/08 职场文书
结婚老公保证书
2015/02/26 职场文书
2015年幼儿园德育工作总结
2015/05/25 职场文书