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 相关文章推荐
Javascript 同时提交多个Web表单的方法
Feb 19 Javascript
HTML 自动伸缩的表格Table js实现
Apr 01 Javascript
一行代码告别document.getElementById
Jun 01 Javascript
js调用AJAX时Get和post的乱码解决方法
Jun 04 Javascript
javascript闭包的高级使用方法实例
Jul 04 Javascript
Javascript中For In语句用法实例
May 14 Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
Jul 26 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
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
php magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
删除Javascript Object中间的key
2014/11/18 Javascript
javascript正则表达式之search()用法实例
2015/01/19 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
2015/12/04 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
Vue.use源码分析
2017/04/22 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
微信小程序websocket聊天室的实现示例代码
2019/02/12 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
vue - vue.config.js中devServer配置方式
2019/10/30 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
python获取代理IP的实例分享
2018/05/07 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
html5 css3 动态气泡按钮实例演示
2012/12/02 HTML / CSS
大四学生毕业自荐信
2013/11/07 职场文书
网站设计师的岗位职责
2013/11/21 职场文书
实习公司领导推荐函
2014/05/21 职场文书
学习十八大的心得体会
2014/09/01 职场文书
作息时间调整通知
2015/04/22 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python