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 相关文章推荐
在线游戏大家来找茬II
Sep 30 Javascript
解决jquery .ajax 在IE下卡死问题的解决方法
Oct 26 Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 Javascript
JavaScript的Module模式编程深入分析
Aug 13 Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
Mar 03 Javascript
js实现基于正则表达式的轻量提示插件
Aug 29 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
VsCode新建VueJs项目的详细步骤
Sep 23 Javascript
React中使用UMEditor的方法示例
Dec 27 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
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
php中使用__autoload()自动加载未定义类的实现代码
2013/02/06 PHP
destoon调用企业会员公司形象图片的实现方法
2014/08/21 PHP
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
php 多文件上传的实现实例
2016/10/23 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
Javascript 继承机制的实现
2009/08/12 Javascript
jquery实现的一个导航滚动效果具体代码
2013/05/27 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
深入理解jQuery中的事件冒泡
2016/05/24 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
AngularJS应用开发思维之依赖注入3
2016/08/19 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
BootStrap与Select2使用小结
2017/02/17 Javascript
JS中的多态实例详解
2017/10/15 Javascript
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
用python实现批量重命名文件的代码
2012/05/25 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
Python线程指南分享
2019/11/19 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
python实现图片上添加图片
2019/11/26 Python
Python如何通过Flask-Mail发送电子邮件
2020/01/29 Python
python使用smtplib模块发送邮件
2020/12/17 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
爱他美官方海外旗舰店:Aptamil奶粉
2017/12/22 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
护士演讲稿范文
2014/01/05 职场文书
《赠汪伦》教学反思
2014/04/12 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
共青团员自我评价
2015/03/10 职场文书
春节随笔
2015/08/15 职场文书