jQuery实现窗体高度自适应

2016-01-01 11:21:49 访问(1879) 赞(0) 踩(0)




function ChangePageWidth() {
    var isSet = false;

    if ($(".divpagebodyleft"))
        isSet = true;

    if (!isSet)
        return;
        
    var leftWidth = $(".divpagebodyleft").width();

    if (!leftWidth)
        return;
        
        var theWidth = $(this).width();

        

        if (theWidth) {
            theWidth = theWidth - leftWidth - 60;

            if (theWidth <= 0) {
                theWidth = 10;
            }

            $(".divpagebodyright").width(theWidth);
        }
    }


    function ChangePageHeight() {
        if ($("#mainbody")) {
            var theHeight = $(this).height();

            if (theHeight) {
                theHeight = theHeight - 38;

                if (theHeight <= 0) {
                    theHeight = 10;
                }


                $("#mainbody").height(theHeight);
            }
        } 
    }

    $(function() {
        ChangePageWidth();
        ChangePageHeight();
    });
    
    $(window).resize(function() {
        ChangePageWidth();
        ChangePageHeight();
    });