如何实现所在页面导航高亮显示
推荐于2016-08-09 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
向TA提问 私信TA
知道合伙人数码行家
采纳数:25897
获赞数:1464984
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业,学士学位,工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
展开全部
导航高亮显示当前页:
一、先定义一个CSS,比如:
<style>
.changebg{background-color:#FFCC00;}
</style>
二、给导航所在的区域设置ID,这个区域我不知道你是怎么做的,比如div,td或li等,但都要设置ID,比如分别为:sy,gsjj,gsxw
三、每个页都有页名,这个一般已经设置好了。比如:首页、公司简介、公司新闻。
四、每个页上添加js代码
<div id="head">
<ul>
<li id="sy" class="li1"><a href="indexl" target="_blank">首页</a></li>
<li id="gsjj" class="li1"><a href="gsjjl" target="_blank">公司简介</a></li>
<li id="gsxw" class="li1"><a href="gsxwl" target="_blank">公司新闻</a></li>
</ul>
</div>
<script>
links="sy|gsjj|gsxw"
pagename="首页|公司简介|公司新闻"
links_in=links.split("|")
pagename_in=pagename.split("|")
for(i=0;i<pagename_in.length;i++){
if(pagename_in[i]==document.title){
document.getElementByIdx_x(links_in[i]).className="changebg";
break;
}
}
</script>
一、先定义一个CSS,比如:
<style>
.changebg{background-color:#FFCC00;}
</style>
二、给导航所在的区域设置ID,这个区域我不知道你是怎么做的,比如div,td或li等,但都要设置ID,比如分别为:sy,gsjj,gsxw
三、每个页都有页名,这个一般已经设置好了。比如:首页、公司简介、公司新闻。
四、每个页上添加js代码
<div id="head">
<ul>
<li id="sy" class="li1"><a href="indexl" target="_blank">首页</a></li>
<li id="gsjj" class="li1"><a href="gsjjl" target="_blank">公司简介</a></li>
<li id="gsxw" class="li1"><a href="gsxwl" target="_blank">公司新闻</a></li>
</ul>
</div>
<script>
links="sy|gsjj|gsxw"
pagename="首页|公司简介|公司新闻"
links_in=links.split("|")
pagename_in=pagename.split("|")
for(i=0;i<pagename_in.length;i++){
if(pagename_in[i]==document.title){
document.getElementByIdx_x(links_in[i]).className="changebg";
break;
}
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询