Question

css、js点击网站栏目时候，网站栏目改变字体和背景颜色

怎么做到一个网站切换一个栏目后该栏目的背景与字体的颜色都发生了改变，如下图：

查看代码发现该栏目的 <li> 里的 a 标签 多了一个id=“ ” 或者class=“ ”，如下图：

另外还发现一条应该是相关的js代码（js代码认识我，我却不熟悉js = =！），点击别的栏目的时候js代码中的eq( ) 括号中的数值也会跟着改变，

<script type="text/javascript">
$("#navmenu li").eq(2).find('a').addClass("bz");
</script>

这要怎么弄才能实现？
有没有人给几个方案参考一下，不一定非要按照上面那条js代码来实现？





Answer 1

1. 把栏目ID写入元素属性,如  <a catid="2">公司简介</a>  <a catid="5">产品展示</a>

2. 设置当前分类添加类名

   var conCatId = 5;

   $('a[catid='+conCatId+']').addClass('bz');

追问

试了一下，不行

Answer 2

/*把所有navmenu样式下的li绑定hover事件*/
$("#navmenu> li").not().hover(function () {
        /*鼠标停留时触发，添加css样式bz*/
    $(this).addClass("bz")；
}, function () {
        *鼠标离开时触发，移除css样式bz*/
    $(this).removeClass("bz")
});

绑定hover事件,悬浮添加一个css样式,离开移除

Answer 3

你的a 标签 会跳转，也就是相当于重新加载js 所以 你这样写是没有用的 最好是 点击后能传参 再用js 判断才行的 。。

追问

能举个例子不？