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 相关文章推荐
js控制table合并具体实现
Feb 20 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
Aug 11 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
Oct 30 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
JSON对象转化为字符串详解
Aug 11 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
微信小程序自动客服功能
Nov 02 Javascript
使用selenium抓取淘宝的商品信息实例
Feb 06 Javascript
js监听html页面的上下滚动事件方法
Sep 11 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
Sep 30 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里的JS打印函数
2006/10/09 PHP
提升PHP执行速度全攻略(上)
2006/10/09 PHP
php array的学习笔记
2012/05/10 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
php、java、android、ios通用的3des方法(推荐)
2016/09/09 PHP
二行代码解决全部网页木马
2008/03/28 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
js中this用法实例详解
2015/05/05 Javascript
举例简介AngularJS的内部语言环境
2015/06/17 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
Angular 应用技巧总结
2016/09/14 Javascript
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
JavaScript实现简单评论功能
2017/08/17 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
2018/01/09 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
Python中的整除和取模实例
2020/06/03 Python
Python学习笔记之装饰器
2020/08/06 Python
英国在线泳装店:Simply Swim
2019/05/05 全球购物
英国领先的男装设计师服装独立零售商:Repertoire Fashion
2020/10/19 全球购物
学习十八大的心得体会
2014/09/12 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
2014年数学教师工作总结
2014/12/03 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
博士给导师的自荐信
2015/03/06 职场文书
学校运动会加油词
2015/07/18 职场文书
2015年小学重阳节活动总结
2015/07/29 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
小程序教您怎样你零成本推广获取数万用户的方法
2019/07/30 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python