模拟移动端滑动菜单效果 2015年3月30日 No comments Article tutu 该插件是在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, 前端开发