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
时钟拨动指针:


浙公网安备 33010602011771号