您的位置:首页 > 产品设计 > UI/UE

EasyUI - Slider组件

2015-10-25 13:59 393 查看
效果:



html代码:

<input id="box" />


JS代码:

$(function () {
$('#box').slider({
width: 300,//设置为横向的时候有用
height:300,//设置为竖向时候才有用
//mode: 'v',//横向还是竖向
rule: [0, '|', 25, '|', 50, '|', 75, '|', 100],
//reversed:true,//将最大最小值对调
showTip: true,
//value: 20,//默认值
//min: 20,//最小值
//max:90,//最大值
step: 1,//增加量,减少量
//格式化返回的数据
tipFormatter: function (data) {
return data + '%';
}
});
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: