jQuery作为主流的JavaScript前端开发框架，深受广告开发者的青睐。同时jQuery还有无数的插件，尤其是菜单插件。为了充实，本文将介绍20个华丽实用的jQuery侧边栏菜单。这些侧边栏菜单可用于不同风格的网页。如果觉得不错，也可以去它的下载页面下载菜单的源代码。1.jQuery3D垂直多级菜单可以过滤菜单项。这是一个手风琴式的垂直多级菜单。它的特点是利用CSS3特性使菜单的外观看起来是3D的。同时，您还可以在搜索框中输入关键字来筛选菜单项。在线Demo源码下载二、CSS3手机侧滑菜单4滑动菜单特效这是一个基于CSS3的手机侧滑菜单。侧滑动画有4种特效。这个CSS3菜单的特点是当鼠标滑过时，菜单项可以以各种动画方式展开和隐藏。动画模式是通过CSS3中的transition-delay属性来完成的。具体效果可以看demo。在线Demo1在线Demo2在线Demo3在线Demo4源代码下载3.纯CSS3垂直菜单项滑动动画这个CSS3菜单的特点是菜单项有一个很特别的背景，背景可以随着鼠标滑过而滑动，很有创意的滑动动画。这个CSS3菜单是竖排样式，非常适合网页的侧边栏菜单。在线demo源码下载4.jQuery左侧带小图标的多级下拉菜单今天给大家分享一个非常不错的jQuery左侧带小图标的多级下拉菜单。菜单是竖排的，每个菜单项都有一个小图标，看起来很专业。并且菜单支持无限下拉，对所有web开发者来说都非常实用。菜单是基于jQuery的，所以基本上可以支持所有的浏览器。在线演示源码下载5.CSS3小图标垂直下拉菜单这是一个CSS3垂直下拉菜单，效果很好。菜单项的最右侧是工具提示样式。另外，当鼠标滑过菜单项时，菜单的背景颜色会发生变化，圆角效果由简单的CSS3属性完成。在线演示源码下载6.jQuery多级垂直手风琴菜单该手风琴菜单是多级的，可以通过HTML结构生成任意一级的菜单。因为是基于jQuery的，所以这个手风琴菜单的兼容性还不错。在线演示源码下载7.带工具提示提示框的CSS3垂直图标菜单今天我们要分享一个CSS3菜单。菜单看起来很漂亮，小图标垂直排列。当鼠标滑过菜单项时，菜单项的背景会被填充渐变色，另外还会弹出该菜单项所描述的Tooltip提示框。之前我们也分享过很多CSS3竖版菜单，比如这个CSS3二级下拉动画菜单菜单背景滑动动画，纯CSS3竖版动画菜单等都是很不错的CSS3竖版菜单按钮。在线Demo源码下载8.CSS3手风琴下拉菜单支持多菜单扩展。一种是同时展开多个菜单，一种是同时只展开一个菜单，还有一种是默认展开一个菜单。应该说这个CSS3手风琴菜单非常实用。在线演示源码下载9.HTML5/CSS3仿GooglePlay垂直菜单这个CSS3菜单也是垂直菜单，仿GooglePlay的垂直菜单，菜单左侧有非常漂亮的小图标。在线演示源码下载10.CSS3手风琴菜单可以同时折叠多个菜单。本次分享的CSS3手风琴菜单可以同时折叠和展开多个菜单项。菜单整体为黑色风格，每个菜单项都有一个非常漂亮的小图标，小图标仿佛嵌入其中，很有质感。在线演示源代码下载#p#11。CSS3垂直手风琴折叠菜单这个CSS3垂直手风琴折叠菜单也很不错。这个CSS3手风琴菜单的每个菜单项都有一个小图标，而且只能展开一个项目，比较有意思的是，菜单右侧的箭头折叠和展开也会有漂亮的动画效果。在线demo源码下载12.纯CSS3竖排动画菜单效果酷炫今天给大家分享一个CSS3竖排菜单。这个垂直菜单不仅有漂亮的小图标，还有非常酷炫的鼠标悬停时的CSS3动画。你可以试试试试这个CSS3垂直菜单。在线演示源码下载13.CSS3二级下拉动画菜单菜单背景滑动动画这个CSS3菜单的特点是当菜单展开时，菜单背景会有滑动动画效果。在线demo源码下载14.jQuery/CSS3垂直菜单带未读提醒这是一个基于jQuery和CSS3的垂直动画菜单。立体视觉效果。其次，这个菜单有一个未读邮箱提醒，它会一直闪烁提示用户打开邮箱查看邮件。在线演示源码下载15.jQuery/CSS3CollapsibleSidebarMenu这次我们要分享一个很棒的jQuery菜单插件。这个菜单插件是一个可折叠的侧边栏菜单。菜单的特点是点击按钮可以展开和折叠带有动画的菜单。而且每个菜单项都有一个小图标，非常清新漂亮。当然，折叠的效果需要CSS3的支持。在线演示源码下载16.jQuery仿GoogleNexus菜单样式插件这是一个基于jQuery和CSS3的多功能菜单。菜单样式是仿GoogleNexus。菜单也有垂直菜单，每个菜单项的左边都有一个漂亮的小图标，是一个非常好看的jQuery菜单导航。在线演示源码下载17.HTML5/CSS3侧边栏菜单，图标清新小巧这个CSS3侧边栏菜单和之前的菜单类似，小图标漂亮可爱，鼠标滑过菜单项时背景会淡入淡出出效果。在线演示源码下载18.CS??S3垂直菜单菜单具有立体动画视觉。这个基于CSS3的垂直菜单实现起来非常简单。CSS3垂直菜单有几个特点：菜单的外观具有立体的视觉效果，很有质感。当鼠标滑过菜单项时，菜单项会有一个拉伸动画。在线演示源码下载19.CSS3手风琴菜单下拉展开弹性动画。这是一个CSS3手风琴菜单。当菜单项展开和收缩时，菜单项会有弹性动画效果。每一级父菜单都有一个小三角，这个小三角在菜单项展开的时候也会有动画，很酷。在线Demo源码下载以上的jQuery侧边栏菜单是否对您有帮助，欢迎大家提出宝贵意见。
