手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现弹出div,始终显示在屏幕正中间的简单实例
jquery实现弹出div,始终显示在屏幕正中间的简单实例
摘要:以下代码块就能始终让弹出div位于屏幕的正中心,希望对大家有所帮助!复制代码代码如下://让指定的DIV始终显示在屏幕正中间function...

以下代码块就能始终让弹出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();

}

【jquery实现弹出div,始终显示在屏幕正中间的简单实例】相关文章:

JS函数实现鼠标指向图片后显示大图代码

javasript实现密码的隐藏与显示

jQuery实现首页图片淡入淡出效果的方法

JQuery+CSS实现图片上放置按钮的方法

jQuery实现html表格动态添加新行的方法

jQuery实现弹出窗口中切换登录与注册表单

javascript实时显示当天日期的方法

javascript实现可拖动变色并关闭层窗口实例

JQuery实现带排序功能的权限选择实例

jQuery实现表格行上下移动和置顶效果

精品推荐
分类导航