jquery实现弹出层完美居中效果


Posted in Javascript onMarch 03, 2014

jquery实现弹出层完美居中效果

showDiv($("#pop"));
function showDiv(obj){
 $(obj).show();
 center(obj);
 $(window).scroll(function(){
  center(obj);
 });
 $(window).resize(function(){
  center(obj);
 }); 
}
function center(obj){
 var windowWidth = document.documentElement.clientWidth;   
 var windowHeight = document.documentElement.clientHeight;   
 var popupHeight = $(obj).height();   
 var popupWidth = $(obj).width();    
 $(obj).css({   
  "position": "absolute",   
  "top": (windowHeight-popupHeight)/2+$(document).scrollTop(),   
  "left": (windowWidth-popupWidth)/2   
 });  
}
Javascript 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
js和jQuery设置Opacity半透明 兼容IE6
May 24 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
Angular+Node生成随机数的方法
Jun 16 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
对angularjs框架下controller间的传值方法详解
Oct 08 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 Javascript
jquery实现弹出层遮罩效果的简单实例
Mar 03 #Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 #Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 #Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 #Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 #Javascript
js的hasownproperty使用示例
Mar 02 #Javascript
javascript对象的使用和属性操作示例详解
Mar 02 #Javascript
You might like
PHP中for循环语句的几种变型
2006/11/26 PHP
PHP setTime 设置当前时间的代码
2012/08/27 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
php获取参数的几种方法总结
2014/02/18 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
php中get_meta_tags()、CURL与user-agent用法分析
2014/12/16 PHP
php实现cookie加密的方法
2015/03/10 PHP
CodeIgniter中使用Smarty3基本配置
2015/06/29 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
docker-compose部署php项目实例详解
2019/07/30 PHP
微信开发 消息推送实现代码
2016/10/21 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
详解从买域名到使用pm2部署node.js项目全过程
2018/03/07 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
pytorch获取vgg16-feature层输出的例子
2019/08/20 Python
PyQt+socket实现远程操作服务器的方法示例
2019/08/22 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
python3.6.8 + pycharm + PyQt5 环境搭建的图文教程
2020/06/11 Python
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
Boda Skins皮衣官网:奢侈皮夹克,全球配送
2016/12/15 全球购物
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
.NET面试题:什么是反射
2016/09/30 面试题
会计职业生涯规划范文
2014/01/04 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
妇联2016年六一国际儿童节活动总结
2016/04/06 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
Python生成九宫格图片的示例代码
2021/04/14 Python