jQuery 滑動插件：sGlide

jopen 10年前發布 | 11K 次閱讀 sGlide 其他jQuery插件 jQuery插件

sGlides 是一款幫助用戶生成簡單，輕量級滑動器的 jQuery 插件，可以很方便使用 CSS 自定義和設定自己的風格。

$('#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+'%');
    }
});

jQuery 滑動插件：sGlide