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

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

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

js上下文菜单插件basicContext.js

basicContext.js 强大的纯Js上下文菜单插件
  独立的部件
 31948  386

jQuery二维码生成插件qrcode.js

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

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

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

jquery-ui改良版

jquery-ui或许你都看厌了那些ui,改良后的ui较为现代化
  独立的部件
 41266  352

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

        😘

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