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 DOM事件模型的两件事
Jul 22 Javascript
jquery ajax跨域解决方法(json方式)
Feb 04 Javascript
原生js制作简单的数字键盘
Apr 24 Javascript
JS实现页面载入时随机显示图片效果
Sep 07 Javascript
jQuery Validate验证框架详解(推荐)
Dec 17 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
Jul 18 Javascript
关于vue.extend和vue.component的区别浅析
Aug 16 Javascript
layui实现点击按钮给table添加一行
Aug 10 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
vuex actions异步修改状态的实例详解
Nov 06 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的压缩函数实现:gzencode、gzdeflate和gzcompress的区别
2016/01/27 PHP
PHP使用SOAP调用API操作示例
2018/12/25 PHP
PHP数据对象映射模式实例分析
2019/03/29 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
js模拟弹出效果代码修正版
2008/08/07 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
JavaScript实现256色转灰度图
2017/02/22 Javascript
纯javascript前端实现base64图片下载(兼容IE10+)
2018/09/14 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
2019/06/17 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
Jupyter notebook远程访问服务器的方法
2018/05/24 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
Python-jenkins模块之folder相关操作介绍
2020/05/12 Python
Python web如何在IIS发布应用过程解析
2020/05/27 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
巴黎一票通:The Paris Pass
2018/02/10 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
大学生的网络创业计划书
2013/12/26 职场文书
学校办公室主任职责
2013/12/27 职场文书
机关作风建设整改方案
2014/10/27 职场文书
工程部文员岗位职责
2015/02/04 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS