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 必填项判断表单是否为空的方法
Sep 14 Javascript
Jquery 表格合并的问题分享
Sep 17 Javascript
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
js判断undefined变量类型使用typeof
Jun 03 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
vue.js实现表格合并示例代码
Nov 30 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
Feb 27 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
Mar 07 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
element表格翻页第2页从1开始编号(后端从0开始分页)
Dec 10 Javascript
vue实现下拉菜单树
Oct 22 Javascript
详解uniapp的全局变量实现方式
Jan 11 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 分页类 扩展代码
2009/06/11 PHP
php 操作调试的方法
2012/07/12 PHP
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
PHP使用header()输出图片缓存实例
2014/12/09 PHP
轻松实现php文件上传功能
2017/02/17 PHP
JAVASCRIPT对象及属性
2007/02/13 Javascript
jQuery 选择器理解
2010/03/16 Javascript
node.js chat程序如何实现Ajax long-polling长链接刷新模式
2012/03/13 Javascript
jquery 选择器引擎sizzle浅析
2013/02/06 Javascript
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
2013/10/24 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
JavaScript获得url所有参数键值表的方法
2015/03/21 Javascript
js实现浏览器倒计时跳转页面效果
2016/08/12 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
JS检测是否可以访问公网服务器功能代码
2017/06/19 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
2018/06/14 Javascript
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
微信小程序实现转盘抽奖
2020/09/21 Javascript
Python合并多个装饰器小技巧
2015/04/28 Python
Python中动态创建类实例的方法
2017/03/24 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
使用Python制作一个数据预处理小工具(多种操作一键完成)
2021/02/07 Python
请假条范文大全
2014/04/10 职场文书
小学生作文评语大全
2014/04/21 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书