JAvaScript实现tab选项卡

Question

在用JavaScript写tab选项卡的时候，预计的效果是鼠标放到上面的li时，能切换div，并且此时li的颜色变浅。最后的结果是实现了切换div，颜色变化也实现。但是一变化之后就不会变回之前的颜色了，除非刷新，否则一直是变化之后的颜色。请问这个要怎么改呢？下面是切换选项卡部分的代码。谢谢大家的解答。
for(var i=0;i<lis.length;i++){
//给i号li加序号
lis[i].xuhao=i;
lis[i].onmouseover=function(){
//让所有con隐藏
for(var i=0;i<cons.length;i++){
cons[i].style.display='none';
}
//让this.xuhao的con显示
cons[this.xuhao].style.display='block';
       //切换的同时颜色变成灰色
lis[this.xuhao].style.background='lightgray';
}

}

Answer 1

记录上一个点击tab选项卡选中的是第几个(prePosition)以及当前点击tab选项卡选中的是第几个（currentPosition），然后在单击切换tab选项卡的时候，根据记录的prePosition将上一个点击的tab的颜色修改成原来的颜色就可以了。（这种做法与banner的做法是一样的，也就是图片定时滑动后，下面的小点也在改变颜色显示）