jQuery飞出菜单 - 如何用线分隔两个不同的项目

时间:2014-08-05 17:39:38

标签: jquery html css html5

我有一个类似于本页http://jc-designs.net/demo/flyout.html

的飞出菜单

将鼠标悬停在主要标签上时,是否可以在此菜单上的另外一个项目之间插入一行?

所以" Home"而不是:

此处关于此模板
闪存
jQuery的

这将是:

此处关于此模板
--------------------------------------
闪存
--------------------------------------
jQuery的

2 个答案:

答案 0 :(得分:0)

最好的方法是在css中添加类似

的内容
.listTab li{
   border-bottom: 1px;
   border-style : dashed;
}

答案 1 :(得分:0)

为每个项目添加底部边框:

var sel = "ul > li > ul > li";
$(sel).css("border-bottom", "black solid 1px");

您还可以有条件地不将此样式添加到最后一个元素(:last-child