jquery - 向列表项添加箭头

Question

我想为我的子菜单添加一个右箭头（类似于 ddsmoothmenu）：

我的子菜单有一个类sub-menu。

这是我的代码

<div id="centeredmenu">
<ul>
<li><a href='#'>Cat1</a></li>
<li><a href='#'>Cat2</a></li>
<li><a href='#'>Cat3</a>
    <ul class='sub-menu'>
       <li><a href="#">Sub Category</a></li>
       <li><a href="#">Sub Category</a></li>
    </ul>
</li>
</ul>
</div>

除了“Cat3”之外，如何添加箭头？

Answer 1

该箭头基本上是一个图像，它被设置为那些<li>你需要它的背景no-repeat和right 0 属性

例如

标记

<ul>
   <li class="arrow"></li>
   <li></li>
</ul>

CSS

li.class{
   background:#000000 url(/path/to/arrow.jpg) no-repeat right 0;
}

现在仅对于第一个元素，箭头将可见

Answer 2

您可以为选择您的 li 应用 css，如下所示，

#centeredmenu > ul li{
   background:url(../img/arrow.png) right center;
}

评论回复

小提琴演示