有时候需要对浏览器窗口的大小进行元素的操控,当调整窗口大小时用window.onresize=function(){}

页面初始化window.onload=function(){}

要注意的是onresize这个函数需要写在全体dom加载完成之后执行,因此放在 jq.ready() 或 ntes.ready()内

// 根据浏览器窗口调整左侧菜单
    function ChangeMenu(){
        var winWidth;
        var menu = $('#fp-nav');
        if (window.innerWidth)
        winWidth = window.innerWidth;
        else if ((document.body) && (document.body.clientWidth))
        winWidth = document.body.clientWidth;
        if(winWidth < 1430){
            menu.hide();
        } else {
            menu.show();
        }
    }
window.onload=function(){
    ChangeMenu();
    window.onresize=function(){
        ChangeMenu();
    }
}

 

posted on 2015-12-21 15:21  小海豚Dolphins  阅读(237)  评论(0编辑  收藏  举报