突出显示当前标签页?(Highlight current tab page?)
有没有办法突出显示导航栏中的当前选项卡?:
我使用带有多个标签的1个html文件。 我的导航代码的一小部分:
<div id="nav"> <ul id="ulnone"> <a href="#" class="navbutton" onclick="return show('fixed-tab-1');">Mijn Profiel</a> <a href="#" class="navbutton" onclick="return show('fixed-tab-2');">Ranglijsten</a> <a href="#" class="navbutton" onclick="return show('fixed-tab-3');">Voorspellingen!</a>Is there a way to highlight the current tab in my navigation bar?:
Im using 1 html file with multiple tabs. A little snippet of my navigation code:
<div id="nav"> <ul id="ulnone"> <a href="#" class="navbutton" onclick="return show('fixed-tab-1');">Mijn Profiel</a> <a href="#" class="navbutton" onclick="return show('fixed-tab-2');">Ranglijsten</a> <a href="#" class="navbutton" onclick="return show('fixed-tab-3');">Voorspellingen!</a>最满意答案
使用jQuery可以很简单:
http://codepen.io/anon/pen/BKweBj
jQuery: $(".tab").click(function () { $(".tab").removeClass("active"); $(this).addClass("active"); });如果你出于某种原因不能使用jQuery,请告诉我
并使用默认活动:
http://codepen.io/anon/pen/ONORmG
Using jQuery it can be as simple as:
http://codepen.io/anon/pen/BKweBj
jQuery: $(".tab").click(function () { $(".tab").removeClass("active"); $(this).addClass("active"); });Let me know if you cannot use jQuery for whatever reason
And with a default active:
http://codepen.io/anon/pen/ONORmG
更多推荐
发布评论