画布外菜单 是位于用户视口之外且仅在用户激活它们时才滑入的视口。从移动可用性的角度来看，这项技术很棒。它与其他菜单技术结合在一起，并且 为复杂的响应式导航提供宝贵的空间。在这篇文章中，我总结了16 jQuery的 off画布幻灯片菜单插件 供您使用并添加到下一个Web设计项目。

菜单化

导航是网站最重要的方面之一。事实证明，弹出菜单是最有效的导航，可以极大地改善访问者在您网站上的体验。

scotchPanels.js

scotchPanels.js是一个jQuery插件，可轻松创建画布菜单，导航和其他面板类型，例如图像，视频和iframe。 Scotch Panels的功能齐全，每个技能级别都有很多不同的选项，可以调整和实施到几乎所有项目中。

滑杆

滑杆是一个jQuery框架，用于快速轻松地在您的网站中实现应用程序样式外的空间。

随便

随便是使用CSS转换的自适应画布导航菜单& transitions.

美洲狮侧栏

Puma补充工具栏是启用jQuery touch的补充工具栏。可以在您的web应用，网站或任何您想要的地方使用。

抽出式内容面板

该面板的创建适合任何具有干净专业设计的网站。它可以固定在左侧或右侧，并且可以包含任何类型的内容：标题，文本，列表，图像，视频等。此菜单中包含的自定义滚动条将在需要时自动显示，并且如果您需要添加甚至更多内容，您可以使用无限轮播在面板的每个部分之间滚动。

弹性菜单

“ 弹性菜单”是一个完全响应的jQuery菜单/导航插件。它是使用Sass 的CSS构建的，易于修改。

Bootstrap Offcanvas

Bootstrap的超级简单，易于使用的画布外导航菜单。

bigSlide.js

bigSlide是一个很小的jQuery（压缩后约为1kb）插件，用于创建屏幕外的幻灯片面板导航。它将滑动导航面板以及给定.push类（或您在设置中选择的类）的所有容器。

西德

西德是一个jQuery插件，用于创建侧边菜单以及使菜单具有响应性的最简单方法。

en

一个jQuery插件，用于仅使用一行JavaScript即可为您的移动网站创建外观类似应用程序的平滑滑动菜单。

帕内梅努

jPanelMenu是一个干净现代的jQuery菜单，有助于为您的Web应用程序或网站创建面板式导航。

jQuery的 Mobile– Slide 菜单

类似于Facebook和Path的滑动菜单’在手机上进行菜单设计的方法。

侧面切换菜单

侧面切换菜单可让您向页面添加侧面栏菜单，该菜单栏可从浏览器窗口的左边缘或右边缘滑入。它支持两种类型的显示-通过触摸页面的其余部分并为其腾出空间，或覆盖页面（而不是使其邻居移位）。 的CSS3过渡用于为动画提供动力，即使在低功率的移动设备上也可确保流畅的视觉体验。

页面幻灯片

页面幻灯片一个jQuery插件，可在其上滑动网页以显示其他交互窗格。

滑动面板

将上下文Ajax滑动面板添加到站点的快速简便的方法。