面向对象的原生轮播

基本样式和布局
主要是实现功能,样式就不太在意,图片能看就行了,哈哈哈哈!
面向对象的原生轮播
面向对象的原生轮播
实现功能
// 选择元素
// 绑定事件
// 计算索引
// 根据索引移动对应的图片
// list的创建,跟随程序的执行立即创建
// list内的小方块要根据图片的张数创建
// 根据默认索引设置当前项
// 绑定事件(事件委托)
// 点击时计算要走的和要进来的索引
// 判断方向
// 再去移动
// 修改索引,为点前点击的内容
// 修改当前项

直接上代码
面向对象的原生轮播
接上面的
面向对象的原生轮播
继续接上面
面向对象的原生轮播
面向对象的原生轮播
其中move是自己封装的一个运动函数,实现的缓冲运动,也贴出来吧,虽然有些low…
面向对象的原生轮播
嗯,基本就这样了,由于主要是为了实现轮播功能,样式还是很…(不可言喻)