带有子菜单悬停效果的菜单

时间:2014-03-31 22:35:41

标签: javascript html css html5 css3

我的网站中有以下几行 - http://codepen.io/anon/pen/LhDnu/ ,可创建侧边栏菜单。

当用户将鼠标悬停在其中包含子链接的父级列表项目上时,会出现一个子菜单。

但是,当鼠标移动到选择其中一个子链接时,它会删除列出的子菜单项。

如何修改上面的 codepen ,以便用户可以选择其中一个子菜单项?

2 个答案:

答案 0 :(得分:1)

以下是适用于您的工作代码,在css下拉菜单中尝试使用display:none& display:block未使用opacity

http://codepen.io/anon/pen/luGDK/

答案 1 :(得分:0)

没关系。这是解决方案 - http://codepen.io/anon/pen/LzpyK/