zoukankan      html  css  js  c++  java
  • 弹出窗口居中显示


    $(function() {
        // 居中
        function center(obj) {       
            var screenWidth = $(window).width(), screenHeight = $(window).height();  //当前浏览器窗口的 宽高
            var scrolltop = $(document).scrollTop();//获取当前窗口距离页面顶部高度   
            var objLeft = (screenWidth - obj.width())/2 ;
            var objTop = (screenHeight - obj.height())/2 + scrolltop;

            obj.css({left: objLeft + 'px', top: objTop + 'px'});
           
            //浏览器窗口大小改变时
            $(window).resize(function() {
                screenWidth = $(window).width();
                screenHeight = $(window).height();
                scrolltop = $(document).scrollTop();
               
                objLeft = (screenWidth - obj.width())/2 ;
                objTop = (screenHeight - obj.height())/2 + scrolltop;
               
                obj.css({left: objLeft + 'px', top: objTop + 'px'});
               
            });
            
            //浏览器有滚动条时的操作
            $(window).scroll(function() {
                screenWidth = $(window).width();
                screenHeight = $(window).height();
                scrolltop = $(document).scrollTop();
               
                objLeft = (screenWidth - obj.width())/2 ;
                objTop = (screenHeight - obj.height())/2 + scrolltop;
               
                obj.css({left: objLeft + 'px', top: objTop + 'px'});
            });
           
        }
        
        //点击显示
        $('.wechat img').click(function() {       
            $('.mask , .bring').show();
            center($('.bring'));
        });
        
        
        //隐藏的操作
        $(".bring img").click(function(){
            $(".mask , .bring").hide();
            });
       
    });

  • 相关阅读:
    关于标准库中的ptr_fun/binary_function/bind1st/bind2nd
    ptr_fun学习笔记
    stream_iterator、ostream_iterator 使用初探
    C++异常处理
    ext2文件系统
    C语言动态内存管理
    C++中为什么要用虚函数、指针或引用才能实现多态?
    hadoop本地库
    二分图最小点覆盖König定理的简单证明 (加入自己理解)
    Fence Repair POJ
  • 原文地址:https://www.cnblogs.com/qdmaomao/p/4701315.html
Copyright © 2011-2022 走看看