首页 > Web开发 > 详细

关于调整浏览器窗口JS

时间:2015-12-21 16:09:49      阅读:168      评论:0      收藏:0      [点我收藏+]

有时候需要对浏览器窗口的大小进行元素的操控,当调整窗口大小时用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();
    }
}

 

关于调整浏览器窗口JS

原文:http://www.cnblogs.com/huangxiaowen/p/5063557.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!