js刻度尺插件_js滑块刻度尺插件

特效描述：滑块刻度尺。滑块刻度尺

代码结构

1. 引入JS

2. HTML代码

//调用刻度尺方法

ruler.initPlugin({

el: "ruler", //容器id

startValue: 100,

background: "#f5f5f5",

success: function (res) {

console.log(res);

}

});

//调用刻度尺方法

ruler.initPlugin({

el: "ruler2", //容器id

maxScale: 300, //最大刻度

startValue: 50, //刻度开始的初始值

region: [10, 200], //选择刻度的区间范围

background: "#2bd4bc", //刻度尺背景色

markColor: "#c968ff", //中心刻度标记颜色

success: function (res) {

console.log(res);

}

});

var rulerText3 = document.getElementById("rulerText3");

rulerText3.value = 200;

//调用刻度尺方法

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);

rulerText3.value = res;

}

});

js刻度尺插件_js滑块刻度尺插件相关推荐

js 排班插件_JS实现日程安排日程安排插件
代码: 员工周计划 body { margin: 0; padding: 0; font-size: 12px; color: #555; background-color: #fff; } .tab ...
vue前端表格插件_Grid.js - 跨框架的前端表格插件
只想简简单单画个表格,但 React,Vue,Angular,-,这么多前端框架,各自都有不同的表格渲染库.就没有表格库能"一次画表,到处运行"吗?来看看 Grid.js 这个跨框 ...
jquery.chosen.js下拉选择框美化插件项目实例
由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生 ...
Auto.js Pro如何连接VS Code插件
由于Auto.js Pro的插件更新,原插件使用方式已经不适合新插件,现推出此教程. 准备Auto.js Pro 你首先需要一个Auto.js Pro.Pro是付费软件,如果你还没购买,请访问 htt ...
ImageLightbox.js – 响应式的图片 Lightbox 插件
ImageLightbox.js 是一款很简洁的用于显示图片灯箱效果(Lightbox)的插件,没有字幕,导航按钮或默认背景.如果默认功能不够用的话,你可以很容易地自定义 JavaScript 函数扩 ...
html中免费的四级联动,利用JS实现省市区街道四级联动插件
特效描述:利用JS实现省市区街道四级联动插件.利用JS实现省市区街道四级联动插件代码结构 1. 引入CSS 2. 引入JS 3. HTML代码所在地区所在地区请选择请选择请选择请选择 ...
html图片百叶窗轮播,纯js百叶窗效果轮播图插件
这是一款纯js百叶窗效果轮播图插件.该js轮播图在图片切换时的效果类似于多张图片展开合成一张完整的大图.该轮播图由纯js编写,兼容ie8浏览器. 使用方法在页面中引入imgSwitch.min.js ...
Node.js v0.10.31API手册-Addons插件
Addons Addons插件就是动态连接库.Addons插件将Node与C库和C++库链接起来.它的API(目前来说)相当复杂,涉及到了几个类库的知识. V8 JavaScript引擎是一个 C++ ...
Slider Revolution 轮播滑块Wordpress插件下载
Slider Revolution于 2012 年首次发布,由合格的网络爱好者团队 ThemePunch 开发.从那时起,它一直在不断改进,目前为全球超过 250 万个网站提供支持. Slider R ...

js刻度尺插件_js滑块刻度尺插件

js刻度尺插件_js滑块刻度尺插件相关推荐

最新文章

热门文章