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 相关文章推荐
Exjs 入门篇
Apr 07 Javascript
javascript使用activex控件的代码
Jan 27 Javascript
jQuery 判断元素整理汇总
Feb 28 Javascript
Angular2使用Augury来调试Angular2程序
May 21 Javascript
详解React 在服务端渲染的实现
Nov 16 Javascript
微信小程序登录换取token的教程
May 31 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
微信小程序生成分享海报方法(附带二维码生成)
Mar 29 Javascript
vue+element实现打印页面功能
May 20 Javascript
vue使用showdown并实现代码区域高亮的示例代码
Oct 17 Javascript
ES6 async、await的基本使用方法示例
Jun 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读取数据库信息的几种方法
2008/05/24 PHP
php函数array_merge用法一例(合并同类数组)
2013/02/03 PHP
基于PHP异步执行的常用方式详解
2013/06/03 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
js下利用控制器载入对应脚本
2010/07/17 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
在vue中多次调用同一个定义全局变量的实例
2018/09/25 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
如何利用nodejs实现命令行游戏
2020/11/24 NodeJs
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
[02:00]DAC2018主宣传片——龙征四海,剑问东方
2018/03/20 DOTA
kNN算法python实现和简单数字识别的方法
2014/11/18 Python
Python运算符重载用法实例
2015/05/28 Python
python进程管理工具supervisor的安装与使用教程
2017/09/05 Python
Django权限机制实现代码详解
2018/02/05 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
节日快乐! Python画一棵圣诞树送给你
2019/12/24 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
Python中生成ndarray实例讲解
2021/02/22 Python
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
聘用意向书
2014/07/29 职场文书
2015年城市管理工作总结
2015/05/23 职场文书
中秋联欢会主持词
2015/07/04 职场文书