1 Star 0 Fork 0

recover / rangeUtil.js

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
README.md 1018 Bytes
一键复制 编辑 原始数据 按行查看 历史
recover 提交于 2017-05-31 12:59 . 新增效果图

基于jQuery封装的滑动条插件

  1. 面向对象封装
  2. 用户可以通过设置config自定义css样式
  3. 目前step还未实现
  4. 兼容PC端和移动端

demo

初始化插件

var range = new rangeUtil({
    // 指定父div
	father_box: $("div"),
	// 设置初始值
	defaultValue: 50,
	// 追加外部div的css
	// outer_css: {},
	// 编辑滑动条的css
	// range_css: {},
	// 编辑滑块的css
	// rangebox_css: {},
	min: 0, // 最小值
	max: 100, // 最大值
	type: 1 // 1 纵向 2 横向
});

得到值

range.getVal(); 

设置值

range.setVal();

注册回调事件

支持链式,能注册多个事件,返回值可以通过插件自行修改

range.registCallback(function (data){
    // dosomething    
}).registCallback(function (data){
    // dosomething  
})

效果图

image

JavaScript
1
https://gitee.com/heidi2176/rangeUtil.js.git
git@gitee.com:heidi2176/rangeUtil.js.git
heidi2176
rangeUtil.js
rangeUtil.js
master

搜索帮助