您的位置:首页 > Web前端 > JavaScript

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

2016-07-15 11:24 603 查看

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript as 导航 html php