JS实现导航栏记住点击后的浏览位置变色功能

JS实现导航栏记住点击后的浏览位置变色功能


JS设置：
<script type="text/javascript">
        //设置点击后栏目变色
        var pn = location.pathname;//获取当前链接的目录位置
//获取a里面链接的值
        var as = document.getElementById('logged').getElementsByTagName("a");
        for (var i = 0, j = as.length; i < j; i++){
//判断是否是首页
            if(pn.length>3){
//对当前连接的目录位置和a链接的目录位置进行对比
                if (as[i].href.indexOf(pn) != -1) {as[i].className = 'focus1'; break; }
                //if (!find) as[0].className = 'focus';//如果未找到匹配的，需要设置哪个获取焦点可以修改这句
            }
        }
</script>

CSS设置：
<style type="text/css">
        .focus1{color:#32a5e7;}
    </style>

JS实现导航栏记住点击后的浏览位置变色功能

JS实现导航栏记住点击后的浏览位置变色功能

浏览过的版块