Snap.js

Snap.js 介绍

snap.js是一个用JavaScript创建漂亮的移动架库，效果类似Facebook和路径风格方面的菜单。 

特征

独立插件，不依赖任何JavaScript

高级定制

动画支持

用户意图的检测

禁用过伸

活动钩

css3动画IE回退供电

拖放支持

拖动手柄的支持

程序化的API

“不拖”元素

定义的放松方式

启用/禁用事件

禁用两侧（左或右）

支持 Ratchet （模板！）

支持

Firefox 10 +

宽的WebKit支持（包括Android WebKit 2.3.x）

IE 10

IE 9支持切换，拖动但没有转换

IE 7 / 8支持切换但没有拖动或转换

安装

作为独立的只包含在脚本标签文件：

<script src="snap.js"></script>

作为一个Web组件做：

component install jakiestfu/Snap.js

使用方法

var snapper = new Snap({

element: document.getElementById('content')

});

配置参数

settings = {

element: null,

dragger: null,

disable: 'none',

addBodyClasses: true,

hyperextensible: true,

resistance: 0.5,

flickThreshold: 50,

transitionSpeed: 0.3,

easing: 'ease',

maxPosition: 266,

minPosition: -266,

tapToClose: true,

touchToDrag: true,

slideIntent: 40,

minDragdistance: 5

}

网站地址:http://jakiestfu.github.io/Snap.js/

GitHub:https://github.com/jakiestfu/Snap.js

网站描述:用JavaScript创建漂亮的Facebook风格侧边菜单效果

Snap.js

官方网站：http://jakiestfu.github.io/Snap.js/