我的问题是:
我有一个菜单项,我想突出显示用户切换到肯定指向另一个页面的事件选项卡。
stackover 流程使用:
.nav {
float: left;
font-size: 125%;
}
.nav ul {
margin: 0;
}
.nav li {
background: none repeat scroll 0 0 #777777;
display: block;
float: left;
margin-right: 7px;
}
**.nav .youarehere {
background: none repeat scroll 0 0 #FF9900;
}**
.youarehere a {
color: #FFFFFF;
}
.nav li:hover {
background-color: #FF9900;
}
.nav a {
color: #FFFFFF;
display: block;
padding: 6px 12px;
text-decoration: none;
}
谁能告诉我他们还使用什么来完成这项工作?
最佳答案
好吧,我以前在我的页面上使用过一种使用 Javascript 的方法,
将所有侧边栏按钮放在一个名为 sideBarButton 的 CSS 类中。 activeSideBarButton 将是一个在链接与当前窗口的位置相同时设置的类。
$(document).ready(function () {
var sideBarButtons = $(".sideBarButton");
for(var i in sideBarButtons)
{
if(!sideBarButtons[i].pathname)
{
continue;
}
if(sideBarButtons[i].pathname == window.location.pathname)
{
sideBarButtons[i].className += ' activeSideBarButton';
console.log("Enabled button " + sideBarButtons[i]);
}
}
});
关于javascript - 如何突出显示网站菜单上的事件选项卡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17935393/