侧边栏

使用纯CSS实现一个侧边展开栏，可以通过利用CSS的:checked伪类选择器和隐藏的<input type="checkbox">来实现。这种方式不需要JavaScr...

创建一个下拉侧边栏（Drop Down Sidebar）通常涉及到HTML、CSS和JavaScript的结合使用。下面是一个简单的示例，展示了如何创建一个可以通过点击按钮来展开和收起的侧边栏。

基于SVG实现的概念菜单样式，黏糊糊的效果。很有创意的侧边栏特效。

简单的bootstrap3左侧导航菜单，结合jQuery实现的侧边导航，可以收缩成小型图标类型的菜单。

jQuery实现的滚动侧边栏菜单，页面下滑时侧边栏会黏附在页面上，滚动版块时，对应菜单会点亮 PS：请注意避免包裹层因为float浮动的塌陷问题， 建议使用{overflow:hidden}

Toolslide.jss是多功能的滑动抽屉插件在JavaScript网页小部件。

JavaScript打开左右侧边栏特效代码

jQuery响应式垂直侧边栏插件。该插件可以非常方便的生成响应式的侧边栏，并内置了多种颜色主题，以及搜索框。

sina-nav是一款Bootstrap4导航菜单插件。通过该插件可快速创建基于Bootstrap4的下拉菜单、大型菜单，属性菜单和侧边栏菜单等。

使用js代码实现左侧侧边栏导航菜单，菜单样式好看使用简单。这款JS侧边栏菜单的特点是点击切换按钮可以展开和隐藏，很好地做到了自适应效果，类似手风琴菜单。

使用jQuery代码实现固定左侧侧边栏垂直导航下拉菜单，支持二级和三级下拉菜单效果代码，带FontAwesome字体图标。

这个jQuery侧边栏购物车清单插件通过一种灵活的方式，在不刷新页面或弹出对话框的情况下，使用户能够进入购物车查看他们购买的商品和离开购物车。

Lateralus是一套效果很棒的侧边栏推拉伸缩菜单，这个jQuery侧边菜单插件可以放在任何方向。

基于Bootstrap框架的CSS3响应式滑动侧边栏布局插件，该滑动侧边栏布局在大屏幕中以侧边栏的形式存在，在小屏幕设备中，菜单会被移动到屏幕的底部，只显示菜单的图标。

基于bootstrap的精美多级侧边栏导航菜单jQuery插件，该导航菜单在bootstrap样式的基础上，通过jQuery来为导航菜单绑定菜单点击事件，生成非常漂亮的多级侧边栏导航菜单。

Bootstrap3实现滑动侧边栏菜单插件，该隐藏侧边栏通过汉堡包按钮来打开和关闭侧边栏菜单，并通过CSS3来制作平滑的过渡动画效果，整体效果非常炫酷。