cardSlideAround 卡片滑动切换特效.zip

可以改造为探探等卡片切换效果效果图如下效果简述上下左右均可移动随点击移动在上下左右一定的范围内移动后会返回原来的位置，不会切换只有大于一定范围才会产生切换，同时切换效果随移动方向不同，产生不同的切换效果代码解析wxmlwxml里有两个卡片，相互重叠卡片绑定touch的开始，移动和结束方法，获取点击的位置绑定动画，方便之后的动画操作js在touch的开始方法里，绑定点击的初始位置设置卡片绝对定位，在touch移动的方法里，绑定top和left值，实现随点击点移动而移动在点击的结束方法里获取最后的点击位置，和初始位置做对比，如果x，y移动的大小在一定的范围内，则恢复绝对定位的初始值如果大于x，y设