jquery实现弹出div,始终显示在屏幕正中间的简单实例

2014-03-08 42

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

基于jQuery UI CSS Framework开发Widget的经验
Aug 21 46
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 41
AngularJS中实现用户访问的身份认证和表单验证功能
Apr 21 42
一道优雅面试题分析js中fn()和return fn()的区别
Jul 05 43
vue中mint-ui的使用方法
Apr 04 51
基于axios 解决跨域cookie丢失的问题
Sep 26 41
vue中父子组件的参数传递和应用示例
Jan 04 43
手机访问当前页面