JS实现导航栏记住点击后的浏览位置变色功能
ps:本人亲测,阿里云2核4G5M的服务器性价比很高,新用户一块多一天,老用户三块多一天,最高可以买三年,感兴趣的可以戳一下:阿里云折扣服务器
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>