原生js 刻度尺(PC端、移动端)

所属分类:其他-独立的部件,杂项

 18425  190  查看评论 (3)
分享到微信朋友圈
X
原生js 刻度尺(PC端、移动端) ie兼容9

更新时间:2019-12-12 21:50:47

调用刻度尺方法

ruler.initPlugin({
    el: "ruler3", //容器id
    height: 50, //刻度尺高度
    maxScale: 300, //最大刻度
    startValue: 200, //刻度开始的初始值
    region: [50, 220], //选择刻度的区间范围
    background: "#ffa43c", //刻度尺背景色
    color: "#fff", //刻度线和字体的颜色
    markColor: "#3786db", //中心刻度标记颜色
    isConstant: true, //是否不断地获取值
    success: function(res) {
        console.log(res);
    }
});
相关插件-独立的部件,杂项

jQueryShare分享插件支持微信分享

jQueryShare实现弹出层分享插件修改版,支持微信分享
  独立的部件
 61445  473

后台管理框架

后台管理框架基于bootstrap
  独立的部件
 89914  592

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 30289  332

html5读取二维码

手机端web调用摄像头读取解析二维码
  独立的部件
 63021  434

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    调皮小魔后 0
    2021/3/23 17:36:50
    想做成一个可以跟input联动的怎做,类似vue的双向数据绑定 回复
    MY 王了 0
    2020/6/20 11:35:04
    刻度尺滑动是反的 怎么调啊
                    1
        2020/10/26 17:44:51

        moveEvent 方法中:

        distanceX = Math.floor((endX - initX) / (winWidth / 50));

        【-(endX - initX)】加个负号即可 :

        distanceX = Math.floor(-(endX - initX) / (winWidth / 50));

        😘

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复