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

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

 18516  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);
    }
});
相关插件-独立的部件,杂项

jQuery前端excel导入插件xlsx.core.js

此插件作用可以把excel表,导入到网页中用table显示出来
  独立的部件
 57271  417

二维码解析器

利用qrcode.js制作的二维码解析器,可以用该插件制作长按识别二维码功能!
  独立的部件
 63516  364

mui搜索列表添加热门等模块

利用mui搜索列表的源代码,加入我们需求的热门等模块
  独立的部件
 28719  299

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 40457  477

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

        😘

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