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的做法是一样的，也就是图片定时滑动后，下面的小点也在改变颜色显示）