jquery实现弹出div,始终显示在屏幕正中间的简单实例
更新时间：2014年03月08日 09:25:45 作者：
本篇文章主要是对jquery实现弹出div,始终显示在屏幕正中间的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
以下代码块就能始终让弹出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();
}
复制代码 代码如下:
//让指定的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();
}
相关文章
大家都知道map()方法主要用来遍历操作数组和对象，这篇文章将给大家详细介绍关于jQuery遍历map()方法的内容，文章给出了详细的示例代码，对大家的理解和学习很有帮助，有需要的朋友们下面来一起学习学习吧。2016-11-11
这篇文章主要介绍了jQuery中siblings()方法用法,实例分析了siblings()方法的功能、定义及获取匹配元素集合中每一个元素的同辈元素的使用技巧,是进行元素筛选时非常实用的方法,需要的朋友可以参考下2015-01-01
这篇文章给大家介绍了如何利用jQuery来实现打字机字幕效果，文章介绍了实现原理和代码，实现以后的效果还是不错，有需要的可以参考借鉴。2016-09-09
下面小编就为大家带来一篇jQuery 选择同时包含两个class的元素的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结，需要的朋友可以参考下。2011-06-06
这篇文章主要介绍了jQuery获取动态添加元素的方法详解,jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库,它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了Jquery.Form 异步提交表单的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
JQuery 确定css方框模型（盒模型Box Model）
做过前台设置的都知道css存在两种盒模型，W3C标准的方框模型和IE浏览器的方框模型。除IE以外的大多数浏览器只支持W3C方框模型。IE浏览器能够根据页面的呈现模式的定义而是用对性的方框模式。已用哪中呈现的模式取决于页面上的DOCTYPE的声明。2010-01-01
这篇文章主要介绍了jQuery实现的3D版图片轮播,涉及jQuery针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-01-01
这篇文章主要介绍了jquery实现Ajax请求的几种常见方式,结合实例形式总结分析了jQuery实现ajax请求常用的load()、post()、get()及Ajax()方法相关操作技巧,需要的朋友可以参考下2019-05-05
最新评论