改变点击Tab一栏状态改变的方法有很多种,在这里介绍其中比较简单基础的一个方法。
首先要了解removeClass,addClass概念,以及jquery index() 方法
编辑下条的style样式:
.nav-line {
border-bottom: 5px solid #EC6767;
}
1. 使用函数,如 $("nav li").click(function(obj){ };
2.将导航栏的其他效果去掉,如$("nav li").removeClass("nav-line");
3.获取点击区域的位置