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 相关文章推荐
Input 特殊事件onpopertychange和oninput
Jun 17 Javascript
js chrome浏览器判断代码
Mar 28 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
Mar 16 Javascript
jquery 3D 标签云示例代码
Jun 12 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
JavaScript设计模式初探
Jan 07 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
Dec 07 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
PHP实现本地图片上传和验证功能
Feb 27 Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 Javascript
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
react实现antd线上主题动态切换功能
Aug 12 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 将图片按创建时间进行分类存储的实现代码
2010/01/05 PHP
PHP调用MsSQL Server 2012存储过程获取多结果集(包含output参数)的详解
2013/07/03 PHP
PHP文件操作方法汇总
2015/07/01 PHP
php中序列化与反序列化详解
2017/02/13 PHP
php获取字符串前几位的实例(substr返回字符串的子串用法)
2017/03/08 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
Js的MessageBox
2006/12/03 Javascript
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
JQuery实现图片轮播效果
2015/09/15 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
微信小程序如何获取地址
2019/12/24 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
python编写朴素贝叶斯用于文本分类
2017/12/21 Python
python机器学习理论与实战(二)决策树
2018/01/19 Python
解决python3 网络请求路径包含中文的问题
2018/05/10 Python
Scrapy框架使用的基本知识
2018/10/21 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
2019/12/12 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
HTML5去掉输入框type为number时的上下箭头的实现方法
2020/01/03 HTML / CSS
DC Shoes澳大利亚官方网上商店:购买DC鞋子
2019/10/25 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
销售找工作求职信
2013/12/20 职场文书
离职保密承诺书
2014/05/28 职场文书
护士年终考核评语
2014/12/31 职场文书
小人国观后感
2015/06/11 职场文书
MySQL 视图(View)原理解析
2021/05/19 MySQL
web前端之css水平居中代码解析
2021/05/20 HTML / CSS