导航栏下的箭头

Question

我认为这是一个非常基本的问题，但我似乎无法理解它是如何完成的。

考虑此导航栏：http://imgur.com/9uicxgi

如何将该箭头置于艺术家档案之下？

Answer 1

请按照以下示例：

演示

http://jsfiddle.net/akhurshid/f7d7K/

HTML

<ul>
    <li><a href="#">Home</a></li>
    <li class="active"><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>

CSS

.active {
       background:#ccc url(path/to/image/marker.png) center bottom no-repeat; 
}

Jquery的

$("ul li a").on('click', function(e){
   e.preventDefault();
   $(this).closest('li').addClass('active').siblings().removeClass('active')
});​

Answer 2

它可以是该特定菜单选项卡的背景图像。 如果它有class='active'，那个特定的标签会有那个背景图片，否则，它将是默认的，普通的。

也许是这样的：

.menutabs {
background: url(something.jpg);
}

.menutabs .active {
background: url(something_with_arrow.jpg);
}

要添加类'active'（或任何其他名称），您必须通过jQuery执行此操作。 虽然最好向我们展示你拥有的东西。

干杯！