导航

function setNav() {
    $(".nav-category-item").hover(function () {
        $(this).addClass("nav-now").find(".nav_category_children").show();
    }, function () {
        $(this).removeClass("nav-now").find(".nav_category_children").hide();
    })
    $(".nav_category_children").hover(function () {
        $(this).show().parents(".nav-category-item").addClass("nav-now");
    }, function () {
        $(this).hide();
    })




    var shopLenovo = {};
    shopLenovo.nav = {
        init: function () {
            var _self = this;
            _self.timer = null;
            this.mainNav = $("#main-nav");
            this.navH = this.mainNav.find(".ns_menu-title");
            this.nav = $("#menu-nav-container");
            this.categoryMenu = $("#category-menu-content");
            this.categoryPannel = $(".ns_category-menu-pannel");
            this.categorySub = $("#category-sub-content");
            this.categorySubPannel = $(".ns_category-sub-pannel");
            /*新导航*/
            this.new_navH = this.mainNav.find(".btn_category_all");
            this.new_nav = $("#nav-category-section");
            if (!this.new_nav.is(":visible")) {
                this.new_navH.bind("mouseover", function () {
                    _self.new_nav.show();//.stop().slideDown();
                });
                this.mainNav.bind("mouseleave", function () {
                    _self.new_nav.hide();//.stop().slideUp();
                });
            };
            /*end新导航*/
            /*三级菜单折行处理*/
            this.categorySubPannel.each(function (_index) {
                var n_item = $(this).find(".ns_item");
                var n = n_item.length;
                var subPan = "";
                if (n > 6) {
                    var maxL = Math.ceil(n / 6);
                    for (var t = 1; t <= maxL; t++) {
                        n_item.eq(t * 6 - 1).after("<div class='ns_clear'></div>");
                    };
                };
            });

            this.li = this.nav.find("li");


            /*判断是否存在二级菜单*/
            this.categoryPannel.each(function (_index) {
                if ($(this).find("li").length <= 1) {
                    _self.li.eq(_index).attr("sj", "0");
                };
            });

            this.sub_li = this.categoryMenu.find("li");

            if (!this.nav.is(":visible")) {
                this.navH.bind("mouseover", function () {
                    _self.nav.stop().slideDown();
                });
                this.mainNav.bind("mouseleave", function () {
                    _self.nav.stop().slideUp();
                });
            };
            this.li.bind("mouseover", function () {
                clearTimeout(_self.timer);
                _self.li.removeClass("ns_on");
                $(this).addClass("ns_on");
                var _index = $(this).index();

                //document.title = _self.categoryPannel.eq(_index).length;
                if (_self.categoryPannel.eq(_index).length <= 0) {
                    _self.sub_li.removeClass("ns_on");
                    _self.categorySub.hide();
                    _self.categoryMenu.hide();
                    _self.categoryPannel.hide();
                    return false;
                };
                //如果没有二级菜单
                if (_self.categoryPannel.eq(_index).find("li").length <= 1) {
                    var _subIndex = 0;
                    var _subTab = $(this).index() + 1;
                    var _subBox = $(".ns_category-" + _subTab + "-pannel-sub").find(".ns_category-sub-pannel").eq(_subIndex);
                    //document.title = _subBox.is(":visible");
                    if (!_subBox.is(":visible")) {
                        if (_subBox.length <= 0) {
                            _self.categorySub.hide();
                        } else {
                            _self.categorySubPannel.hide();
                            _subBox.show();
                            _self.categorySub.css({ left: 210, opacity: 0 });
                            _self.categorySub.show();
                            _self.categorySub.animate({ left: 226, opacity: 1 }, 250)
                        };
                    };
                    _self.categoryMenu.hide();
                    return false;
                }
                if (_self.categoryPannel.eq(_index).is(":visible")) return false;
                _self.sub_li.removeClass("ns_on");
                _self.categorySub.hide();
                _self.categoryMenu.hide();
                _self.categoryPannel.hide();
                _self.categoryMenu.css({ left: "210px", opacity: 0 });
                _self.categoryMenu.hide();
                _self.categoryMenu.show();
                _self.categoryPannel.eq(_index).show();
                _self.categoryMenu.animate({ left: "226px", opacity: 1 }, 250);
            });
            this.categoryMenu.bind("mouseover", function () {
                clearTimeout(_self.timer);
            });
            this.nav.bind("mouseout", function () {
                _self.timer = setTimeout(function () {
                    _self.hideNav();
                }, 100);
            });
            this.categoryMenu.bind("mouseout", function () {
                _self.timer = setTimeout(function () {
                    _self.hideNav();
                }, 500);
            });

            this.categorySub.bind("mouseover", function () {
                clearTimeout(_self.timer);
            });
            this.categorySub.bind("mouseout", function () {
                _self.timer = setTimeout(function () {
                    _self.hideNav();
                }, 100);
            });

            this.sub_li.bind("mouseover", function () {
                _self.sub_li.removeClass("ns_on");
                $(this).addClass("ns_on");
                var _subIndex = $(this).index();
                var _subTab = $(this).parents(".ns_category-menu-pannel").attr("data-sub");
                var _subBox = $(".ns_category-" + _subTab + "-pannel-sub").find(".ns_category-sub-pannel").eq(_subIndex);
                //document.title = _subBox.is(":visible");
                if (!_subBox.is(":visible")) {
                    if (_subBox.length <= 0) {
                        _self.categorySub.hide();
                    } else {
                        _self.categorySubPannel.hide();
                        _subBox.show();
                        _self.categorySub.css({ left: 386, opacity: 0 });
                        _self.categorySub.show();
                        _self.categorySub.animate({ left: 396, opacity: 1 }, 250)
                    };
                };
            });
        },
        hideNav: function () {
            var _self = this;
            _self.li.removeClass("ns_on");
            _self.categoryMenu.animate({ left: 200, opacity: 0 }, 250, function () {
                _self.categoryMenu.hide();
            });
            _self.categorySub.animate({ left: 366, opacity: 0 }, 250, function () {
                _self.categorySub.hide();
            });
        }
    };
    //获取窗口高宽
    shopLenovo.getW = function () {
        var client_h, client_w, scrollTop;
        client_h = document.documentElement.clientHeight || document.body.clientHeight;
        client_w = document.documentElement.clientWidth || document.body.clientWidth;
        scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        return o = { w: client_w, h: client_h, s: scrollTop };
    }
    var isIe6 = false;
    if ($.browser.msie && parseInt($.browser.version) == 6) {
        isIe6 = true;
    };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值