首页 > 其他 > 详细

EasyUI - Slider组件

时间:2015-10-25 14:51:26      阅读:257      评论:0      收藏:0      [点我收藏+]

效果:

技术分享

 

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 + %;
        }
    });
})

 

EasyUI - Slider组件

原文:http://www.cnblogs.com/KTblog/p/4908676.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!