插件描述：可以实现3D节点的鼠标滑动实现动画效果兼容JQuery zepot 需要css3的支持
更新时间：2017/10/25 下午5:53:01
更新说明：
1 . 新增了参数 isTransition , 为true时表示有动画效果 , 为false时没有动画效果
2 . 修改bug : 鼠标左键滑动动画进行时 , 如果滑动(左键未点击)box,动画会有异常
更新时间：2017/10/25 下午2:55:56
更新说明：修复了 一个bug该bug只会出在使用JQuery上, 使用Zepto没有这个bug.
该bug会导致PC端案例演示异常, 当滑动box动画进行中时 , 如果鼠标再次滑动(没有点击鼠标左键) 会干扰动画的bug,
1. 引入插件(前提先引入JQuery或者Zepto)
1 | <script src="jquery-touchrotate.js"></script> |
2. 初始化插件
1 | $('.box').touchrotate(); |
3. 可以配置相关参数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | $('.box').touchrotate({ //初始3D旋转角度 rotateX: -15, rotateY: 15, //数值越小 , 旋转速度越快 speedX: 2, speedY: 2, // 旋转的倍数, 越大旋转的圈数越多 multipleX: 50, multipleY: 50, // 动画持续的时间, 单位是S time: 2, //模式 0:表示匀速运动 , 运动中途可以重新开始 , 1表示先加速后减速(动画过程中不可滑动,体验效果差) model: 0}); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： go.js流程图绘制 无水印 箭头随意拖拽
- 下一个特效： jQuery年会抽奖程序