0
寻找一种方法来添加活动/当前标签css到ddtablemenu。活动/当前标签css
默认情况下,加载后始终显示第一个选项卡。在第二个或第三个选项卡上闪烁后,选项卡颜色变为红色(与悬停相同)。当活动的或当前,在底部中央添加菜单arrow.png(.solidblockmenu里。主动)
<div id="ddtabs3" class="solidblockmenu">
<ul>
<li class="active"><a href="#0" data-toggle="tab" rel="sb1" class="firstelement">Home</a></li>
<li><a href="#1" data-toggle="tab" rel="sb2">DHTML</a></li>
<li><a href="#2" data-toggle="tab" rel="sb3">CSS</a></li>
</ul>
</div>
.solidblockmenu ul{margin: 0;padding: 0;float: left;font: bold 13px Arial;width: 100%;border: 1px solid #625e00;border-width: 1px 0;background: black url(http://www.dynamicdrive.com/dynamicindex1/ddtabmenufiles/media/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li a:hover, .solidblockmenu li a.current{color: white;background: transparent url(http://www.dynamicdrive.com/dynamicindex1/ddtabmenufiles/media/blockactive.gif) center center repeat-x;
}
.solidblockmenu li .active { background-image:url(http://www.asiarooms.com/assets/themes/v1/images/areas/details/menu-arrow.png); background-repeat:no-repeat; background-position:bottom center; }
.solidblockmenu a:hover, .solidblockmenu li .active a { background:#310022 none; }
.solidblockmenu li a.firstelement:hover, .solidblockmenu li .active a.firstelement { background-position:left top; }
在这里,我在你的jQuery代码做了速战速决[HTTP:/ /jsfiddle.net/DJHZb/8/](http://jsfiddle.net/DJHZb/8/) – djthoms
你用哪种语言做? –