HTML5和CSS3树形菜单具有很好的悬停效果 [英] HTML5 and CSS3 tree menu with nice hover effect

问题描述

我想使用HTML5和CSS3或jquery菜单或某种方式使用普通的html，css和javascript来实现类似于链接波纹管的树形菜单.

http://www.crystal.ch/abb/power_systems_landscape/ [ ^ ]

您可能会注意到其中涉及以下问题，

1.悬停效果好(我非常需要此功能)
2.旋转菜单项箭头图标

同样在这里，您可以看到平稳地上下滑动，这对我来说不是问题.

任何想法或参考将不胜感激. Thanks& lt;/pre& gt;</pre>

I would like to implement a tree menu like the link bellow using HTML5 and CSS3 or jquery menu or somehow using ordinary html, css and javascript.

http://www.crystal.ch/abb/power_systems_landscape/[^]

You may notice that there is following issues involved,

1. Nice hover effect (I badly need this)
2. Rotation of menu item arrow icon

Also here you see sliding up and down smoothly that is not problem to me.

Any idea or reference would be appreciated. thanks&lt;/pre&gt;</pre>

推荐答案

这些易于实现:

http://www.1stwebdesigner.com/css /38-jquery-and-css-drop-down-multi-level-menu-solutions/ [ http://www.1stwebdesigner.com/css/36-eye-catching-jquery -navigation-menus/ [ ^ ]

接一个选择

These are easy to implement:

http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/[^]


http://www.1stwebdesigner.com/css/36-eye-catching-jquery-navigation-menus/[^]

take pick

这篇关于HTML5和CSS3树形菜单具有很好的悬停效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！