虚拟主机域名注册-常见问题网络编程问题 → JS


js实现当前栏目高亮代码 实测可用
作者:

网上有很多,测试发现基本都不能用,因为在css样式那里网站很多都是错误的,这里公布一下我自己可用的代码。

<div id="nav">
<ul>
<li><a href="http://127.0.0.1/3.html">主页</a><li>
<li><a href="http://127.0.0.1/2.html">栏目1</a><li>
</ul>
</div>
 
<script type="text/javascript" language="javascript">
var myNav = document.getElementById("nav").getElementsByTagName("a");   
for(var i=0;i<myNav.length;i++)   
{   
   var links = myNav[i].getAttribute("href");   
   //alert(links)   
   //alert(myNav[i]);   
   var myURL = document.location.href;    
   if(myURL.indexOf(links) != -1)   
   {   
      myNav[i].className="d";   
    }   
} 
</script>
<style>
.d{
color:red;
}
</style>




来源:
阅读:1666
日期:2016-09-08

推荐朋友 】 【 评论 】  【 字体: 】 
上一篇:齐博cms 多关键字搜索的修改窍门
下一篇:齐博cms当前栏目高亮代码
  >> 相关文章
 
发表评论


点  评: 字数0
用户名:  密码:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款