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

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

 17479  189  查看评论 (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二维码生成插件qrcode.js

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

可停靠屏幕边缘的侧边栏插件

我自己封装的可停靠屏幕边缘的侧边栏插件,可以制作页面的通知信息,客服信息,联系方式等
  独立的部件
 36848  452

jQuery漂亮的CSS3颜色渐变选择器

jQuery漂亮的CSS3颜色渐变选择器可直接生成各种CSS渐变代码,功能强大!
  独立的部件
 29450  324

二维码解析器

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

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

        😘

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