特效介绍
Meny.js是一款三维立体空间效果的导航菜单插件，鼠标浮动到箭头上，页面内容会反转一定角度，菜单会转到前端显示。需要浏览器支持CSS3的3D变换，其他浏览器的回退将很快添加。在Safari浏览器，也能很好的支持触摸事件。
Meny.js GITHUB地址：https://github.com/sayowayah/Meny
使用方法
1、下载压缩包解压，引入Meny.js或Meny.min.js，当然，如果您想直接使用demo的效果，可以将demo.css也引入2、Meny需要两个HTML元素才能工作：菜单和页面内容。类名没有被库使用，所以选择任何你想要的。
<body>
<div class="meny">
<!-- 菜单项 -->
</div>
<div class="contents">
<!-- 内容 -->
</div>
</body>
在标记和样式方面应记住的一些规则、注释和最佳实践：菜单和内容应该具有相同的父元素。
打开Meny时显示在内容后面的背景不会被库添加。您需要将所需的背景设置为父元素。默认样式可在demo.css中找到
关闭Meny时出现的箭头也不会被库添加，如果您希望，您可以轻松地从demo.css获取
菜单容器将根据配置选项由库自动调整大小。
Meny在菜单本身固定时，在滚动页面上工作。
3、初始化：
接下来，您需要创建一个Meny实例并告诉它要使用哪些HTML元素。这应该在meny.min.js公司包含在您的页面上。使用上述HTML的示例：
var meny = Meny.create({
// 菜单
menuElement: document.querySelector( '.meny' ),
// 内容
contentsElement: document.querySelector( '.contents' ),
// 动效方向 (top/right/bottom/left)
position: 'left',
// 菜单高度(当使用了定位 top/bottom)
height: 200,
// 菜单宽度(当使用了定位 top/bottom)
width: 260
});
4、API
// 手动打开菜单 meny.activate(); // 手动关闭菜单 meny.deactivate(); // 判断菜单是否开启，返回布尔值 meny.isActive();