Question

如何用JS给导航条随着页面加个样式呢？

如何用JS给导航条随着页面加个样式呢？比如 “首页”默认的<li class="ahover">其它的如：“热门推荐” 其它全部为 <li class=""> ，当点到热门推荐页面切换到热门推荐导航条<li class="ahover">如：首页其它的变<li class=""> 这个JS如何写呢？

<ul id="jsddm">
<li><a href="index.asp" class="home">首页</a></li>
<li><a href="company.asp">企业资讯</a>
<ul>
<li><a href="company.asp">企业简介</a></li>
<li><a href="rongyu.asp">荣 誉 榜</a></li>
<li><a href="contact.asp">联系我们</a></li>
</ul>
</li>
<li><a href="product.asp">产品导航</a>
<ul>
<li><a href="newproduct.asp">新品推荐</a></li>
<li><a href="product.asp">产品展示</a></li>
</ul>

</li>
<li><a href="news.asp">新闻动态</a>
<ul>
<li><a href="news.asp?newsclassid=1">企业新闻</a></li>
<li><a href="news.asp?newsclassid=2">行业动态</a></li>
<li><a href="zhaoping.asp">诚聘英才</a></li>
</ul>

Answer 1

给你个思路

写一个js函数 在所有页面调用

通过获取当前页面url 来判断 是该给那个li加样式

比如 如果当前页面url是news.asp

用jquery写

$("#jsddm").find("li").each(function()

{

    if($(this).text()=="新闻动态")

 {
  
    $(this).addClass("ahover");}
else{
      
$(this).removeClass();}

});

 

以上只是思路 不要照抄

Answer 2

oActive("jsddm");
function oActive(id){
var oBox=document.getElementById(id);
if(!oBox){return}
var li=oBox.children;
for(var i=0;i<li.length;i++){
for(var i=0;i<li.length;i++){
li[i].className="";
}
this.className="active";
}
}
你可以通过active里面的ul来控制显示影藏