js 旋转手势,时钟拨动
主要通过 Draggable.js 来实现旋转的拖动,这个库依赖TweenLite.js和CSSPlugin , 可以直接引用TweenMax.js就包含了前面两个依赖。
Draggable.js >>>链接: https://pan.baidu.com/s/1sXojSzaSJhG-_K2g2iFJMg 提取码: 6pqb 复制这段内容后打开百度网盘手机App,操作更方便哦
用法:
Draggable.create(id, { //id是要拖拽的dom的id或者传class也可以 type: "rotation", throwProps: false, maxRotation: 180, onDrag: function() { //拖动时 var i = this.rotation; // console.log(i); }, onDragEnd(){ //手指离开,拖动结束 var i = this.rotation; // console.log(this.rotation); } });
应用场景:
按钮旋转:https://www.jq22.com/yanshi3260
时钟拨动指针: