模拟移动端滑动菜单效果

该插件是在jQuery的基础上实现的,具体介绍如下:

主要功能实现如下:
1.实现水平,垂直滑动 支持选择方向滑动,通过配置vertical,horizontal来设定,默认vertical
2.实现居中效果 通过配置center来设定
3.实现焦点效果 通过配置page来设定
4.实现惯性效果 通过配置inertia来设定惯性效果,单位ms
5.实现滚动效果 通过配置duration来设定持续时间,单位ms
6.实现js/html5切换 通过配置animate来设定,默认自动选择
7.实现页面拖拽和移动端触摸滑动 通过配置move来设定,默认true
8.实现点击元素滚动 通过配置clickIndex来设定,默认false

提供接口如下:
1.resize(width,height) 重置高和宽,当页面大小变更后,可通过该接口重新设定高和宽
2.setIndex(index) 主动设定滚动至元素,index为元素的index,可通过jQuery的$(select).index()调用得到

监听如下:
1.返回当前选中元素 通过配置selected方法调用

GjMenu事例展示页面

Categories: javaScript, 前端开发