我有一个css菜单,需要一个jquery。不幸的是,我很难弄明白这一点。下面是它的模型。当您将鼠标悬停在最上面的菜单上时,将出现一个下拉列表。使用jquery,第一个孩子应该打开它的孩子,然后切换类,如果您悬停在其他子链接上并打开它的孩子。
Here is my fiddle: http://jsfiddle.net/ciancastillo/wtruM/
谢谢!
我遇到了一个有趣的jquery问题。基本上,当我将鼠标悬停在另一个父菜单上以显示子菜单时,我需要一个粘性的子菜单来隐藏,然后当我没有悬停在具有子菜单的另一个父菜单上时,它会重新出现。这一切都很好,问题是当我将鼠标悬停在粘性子菜单中的孩子li上时,子菜单会翻转,在显示和不显示之间闪烁。看来我的jquery被孩子li继承了?不管怎样,下面是代码:
CSS
.current-menu-parent ul{
display:block;
position:absolute;
}
#primary-nav ul li:hover ul {
display:inline;
position
我正在创建下拉菜单,如果主列表项没有子菜单,则希望在悬停的所有四个角上添加圆角边框,但如果菜单列表项目有子菜单,则只希望顶部角在悬停时四舍五入。子菜单本身不会有任何圆角边框,并且会混合到父菜单的选项卡中。创建菜单的HTML来自一个WordPress函数(wp_page_menu),它不为没有子标记的li标记创建不同的CSS类,而不为带子的li标记创建不同的CSS类。
此CSS创建一个深灰色圆角矩形周围的菜单列表项目时,一个列表项目是通过鼠标。但是,只有在菜单列表项没有子项的情况下,我才想要这种效果。
.menu ul li:hover a {
background:#111;
好了,这就是奇怪的地方。我的水平导航中的最后一个子项的边缘是圆形的。使用nav ul li: last -child a: hover,我能够让最后一个孩子的悬停状态也具有圆角边缘。然而,它是一个下拉列表。当我向下移动到它的子菜单时,父子菜单失去了它的圆角边缘,而这个子菜单的子菜单现在有了圆角边缘(他们不应该这样做)。
看看我在说什么。
nav ul li:last-child, nav ul li:last-child a:hover {
border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
}
在