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参考实例2.0 用jQuery选择元素
Apr 07 Javascript
将两个div左右并列显示并实现点击标题切换内容
Oct 22 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 Javascript
JavaScript第一篇之实现按钮全选、功能
Aug 21 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 Javascript
js移动端图片压缩上传功能
Aug 18 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
Dec 07 Javascript
详解Element-UI中上传的文件前端处理
Aug 07 Javascript
简介JavaScript错误处理机制
Aug 04 Javascript
vue 数据双向绑定的实现方法
Mar 04 Vue.js
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
php2html php生成静态页函数
2008/12/08 PHP
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
PHP函数addslashes和mysql_real_escape_string的区别
2014/04/22 PHP
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
PHP实现的回溯算法示例
2017/08/15 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
Javascript 圆角div的实现代码
2009/10/15 Javascript
JavaScript去掉数组中的重复元素
2011/01/13 Javascript
angularjs的一些优化小技巧
2014/12/06 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
vue-resource + json-server模拟数据的方法
2017/11/02 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
简单讲解Python编程中namedtuple类的用法
2016/06/21 Python
Python 实现随机数详解及实例代码
2017/04/15 Python
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
python贪吃蛇游戏代码
2020/04/18 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
python安装gdal的两种方法
2019/10/29 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
amazeui页面分析之登录页面的示例代码
2020/08/25 HTML / CSS
土木工程毕业生自荐信
2013/09/21 职场文书
制衣厂各岗位职责
2013/12/02 职场文书
高校十八大报告感想
2014/01/27 职场文书
幼儿园秋游感想
2014/03/12 职场文书
村庄绿化方案
2014/05/07 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
公司内部升职自荐信
2015/03/27 职场文书
孙振耀退休感言
2015/08/01 职场文书
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
pytorch中的model=model.to(device)使用说明
2021/05/24 Python
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers