Js 功能-切换功能 |学习笔记

开发者学堂课程【移动 Web 前端开发：Js 功能-切换功能】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/594/detail/8423

Js 功能-切换功能

内容介绍

1、课程介绍

2、代码设置

1、课程介绍

跳转上一张﹑下一张跟 distancex 有关，向右滑动是上一张，距离是大于零的；向左滑动是下一张，向左滑动的距离是小于零的。当滑动超过了三分之一会切换到上一张或下一张。（具体操作可以在京东页面测试或者其他可滑动页面进行测试）

2、代码设置

/*当滑动距离够了的时候――跳转上一张﹑下一张(判断方向﹑过渡︰位移)

*/if(dis tancex > 0 ){

/*向右滑上一张

*/index -- ;

}else{

/*向左滑下一张

*/index ++;

}

/*加过渡*/

Add Transition();

/*定位*/

Set Trans latex( -index*width);