标签归档：手风琴菜单

纯CSS3实现的无限级垂直手风琴菜单

今天要给大家带来一款简单实用的无限级垂直手风琴菜单，它的特点是菜单项支持无限级展开，同时还在菜单底部设计了分享按钮，整体比较协调。这款手风琴菜单是由纯CSS3实现而成，因此无论是完善还是使用，都比其他菜单插件简单，非常适合在小型的后台管理系统中使用。

在线演示源码下载

简单精美的纯CSS垂直手风琴菜单

这是一个使用纯CSS实现的垂直手风琴菜单，菜单一共两种模式，一种是可以同时打开多个菜单项，另一种是只能同时打开一个菜单项。而且，简单的CSS样式，不仅实现简单，而且样式扩展起来也比较灵活。你可以给菜单面板添加背景，也可以给菜单项添加小图标，提升整个手风琴菜单的美观度。

在线演示源码下载

CSS3可自动折叠的垂直手风琴菜单

7,486 人浏览

发表回复

2018-12-27 14:04:26

之前我们分享过很多手风琴菜单，大部分是垂直的手风琴菜单，都非常实用，比如这个CSS3深色背景的垂直手风琴菜单。这次我们继续为大家带来一款基于CSS3的垂直手风琴菜单，除了和其他手风琴菜单那样可以自动折叠菜单项以外，它还有一个特点是折叠和展开时代有平滑的淡入淡出效果。

在线演示源码下载

CSS3深色背景的垂直手风琴菜单

4,196 人浏览

发表回复

2018-12-10 21:03:01

手风琴菜单我们已经分享过很多了，特别是垂直手风琴菜单更为常见，比如这款jQuery手风琴样式的多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。这次要分享的也是一款基于CSS3的深色背景的垂直手风琴菜单，实现原理与之前的比较类似，但是菜单展示形式略有不同，这个手风琴菜单当展开时子菜单会有水平飞入的动画效果。

在线演示源码下载

jQuery手风琴样式的多级下拉菜单

4,432 人浏览

发表回复

2018-11-28 22:52:17

在网页后台系统中，我们经常会用到垂直方向上的手风琴菜单，因为这种可折叠的菜单不仅可以给功能分类，而且可以容纳更多的内容。今天要分享一款基于jQuery的手风琴样式的多级下拉菜单，它的特点与其他手风琴菜单相比支持任意级的多级下拉，这功能非常实用。

在线演示源码下载

CSS3带小图标的手风琴下拉菜单

4,976 人浏览

发表回复

2018-06-17 10:18:10

对于网页菜单来说，我们用得最多的虽然还是横向主菜单，但是在系统后台中，手风琴下拉菜单还是用得十分广泛的。之前我们也介绍过一些使用的jQuery和CSS3垂直手风琴菜单，比如这款炫酷实用的CSS3 3D垂直手风琴菜单和这款jQuery带小图标手风琴垂直菜单。这次要分享的也是一款基于CSS和JavaScript的手风琴菜单，同时这款菜单左侧也同样带有漂亮的小图标。

在线演示源码下载

jQuery/CSS3带小图标垂直手风琴菜单

4,010 人浏览

发表回复

2017-12-19 22:26:50

今天我们要给大家分享一款超清新的CSS3带小图标垂直手风琴菜单，这款手风琴菜单的特点是菜单项带有小图标，而且如果存在二级菜单，该菜单项右侧则有箭头符号表示。菜单项展开时，其他菜单项同时会隐藏。这款CSS3手风琴菜单非常适合网站后台管理页面中使用。

在线演示源码下载

炫酷实用的CSS3 3D垂直手风琴菜单

5,226 人浏览

发表回复

2017-11-07 08:31:59

之前我们分享过很多款基于CSS3和jQuery的手风琴菜单，比如这款jQuery带小图标手风琴垂直菜单和纯CSS3实现垂直手风琴菜单都非常不错。但是今天要分享的这款手风琴菜单比较特别，整体外观呈现3D的视觉效果，切换菜单项时，菜单项也出现3D的切换效果，所以说这款CSS3手风琴菜单不仅外观高大上，而且也挺实用。