页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE
官方客服QQ号:3007971137  (一条龙搭建-联系我)
官方客服QQ号:3007947123  (一条龙搭建-联系我)

jquery支持水平或垂直的移动滑块sglide

表单 滑动条 HTML我帮您 1年前  次浏览
sglide是超级灵活和轻量级JQuery插件,生成一个支持水平或垂直的功能丰富的移动滑块,可以很容易地定制以及使用CSS改变风格。 jquery支持水平或垂直的移动滑块sglide
$('#slider').sGlide({
    startAt: 60,            // start slider knob at - default: 0
    image: ''               // string - image path
    width: 200,             // integer - default: 100
    height: 20,             // integer - default: 40
    unit: 'px',             // 'px' or '%' (default; doesn't apply to height)
    pill: false,            // boolean - default: true
    snap: {
        points: 5,
        markers: true,
        onlyOnDrop: true
    },
    disabled: true,         // boolean - default: false
    colorStart:             // css value
    colorEnd:               // css value
    vertical:               // boolean - default: false
    showKnob:               // boolean - default: true
    drop: function(o){
        console.log(o.guid+': '+o.value+'%');
    }
});

相关链接

发表评论