根据栏目网址判断当前栏目

时间: 2014-03-02 / 分类: 网站制作技术 / 浏览次数: 3,868 views / 0个评论 发表评论

    //这个方法针对/xxx.html有用
$(document).ready(function () {
    $(".nav>ul>li").each(function (index) {
        var strs = new Array();
        strs = window.location.href.split("/");
        var http = strs[(strs.length) – 1];//获取最后一个“/”的地址
        var liValue = $(".nav ul li").eq(index).children().attr("href").substr(0, 3);//获取菜单项链接的前4个字符
        if (http.indexOf(liValue) >= 0) {//用包含比较是否相同
            $(".nav ul li").removeClass("n-hover");
            $(".nav ul li").eq(index).addClass("n-hover");
        }
        $(this).click(function () {
            $(".nav ul li").removeClass("n-hover");
            $(".nav ul li").eq(index).addClass("n-hover");
        });
    });
});

        // nav
        $(function shownav() {
            var a1 = window.location.href;//当前url地址
            var a2 = $(".nav>ul>li");//菜单的项">"为选取第一层,不考虑嵌套
            var strs = new Array();
            strs = a1.split("/");
            for (var i = 0; i < a2.length; i++) {
                if ($(a2[i]).children().attr("href") == strs[(strs.length) – 1]) {//菜单项的地址是否等于当前链接 也没考虑最后是/的情况
                    $(a2[i]).addClass("n-hover");
                    return;
                }
            }
        })

发表评论

您的昵称 *

您的邮箱 *

您的网站