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

时钟拨动指针:

 

posted @ 2022-08-10 17:13  哈哈敲敲  阅读(384)  评论(0编辑  收藏  举报