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

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

 20496  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实现弹出层分享插件修改版,支持微信分享
  独立的部件
 63917  474

jquery生成二维码

jquery生成二维码
  独立的部件
 55835  457

jQuery社会华分享插件

jQuery社会华分享插件支持微信,QQ,新浪,人人等
  独立的部件
 44675  494

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 42626  478

讨论这个项目(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));

        😘

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