輕量級滾動條美化插件 Optiscroll
Optiscroll是一款輕量級純Js滾動條美化插件。該滾動條美化插件可以隱藏原生的滾動條,并生成用戶自定義樣式的滾動條。
基于Bootstrap的漂亮的jQuery slider插件
這是一款在原生bootstrap slider的基礎上制作效果非常漂亮的jQuery slider插件。支持水平和垂直滑動條插件。該slider插件可以自定義slider的顏色、形狀、透明度和tooltip等屬性
支持水平和垂直滑動條插件bootstrap-slider
bootstrap-slider是基于bootstrap風格支持水平和垂直滑動條插件,可以自定義主題樣式、滑動條區間設置、格式化輸出顯示值、禁止或啟動滑動條、提示型滑動條、滑動條數字精度等
$('#ex1').slider({
formatter: function(value) {
return 'Current value: ' + value;
}
});
Filter by price interval: € 10 € 1000
// With JQuery
數字進度條件插件NumberProgressBar
NumberProgressBar是數字進度條件插件,允許自定義數據范圍最小值、最大值;設置自增步長,自定義進度條樣式。
0%
.number-pb { position: relative; height: 3px; background-color: #ddd; } .number-pb .number-pb-shown { position: absolute; background-color: #176785; background-image: linear-g
jquery區間選擇控件jRange
jRange是jquery區間選擇控件,允許設置最小最大值、設置步長、顯示標簽、自定義主題、改變后觸發事件。
$('.single-slider').jRange({ from: 1, to: 100, step: 1, scale: [1,50,100], format: '%s', width: 300, showLabels: true });
jquery滑動條插件nstSlider.js
jquery.nstslider.js滑動效果插件,支持鍵盤操作、支持雙向滑動、支持觸摸、支持IE7+、自定義步長、定義區間、自定義CSS樣式。
jquery UI滑塊美化插件Slider Pips
Slider Pips是一個基于jquery UI Slider的滑塊美化插件,允許自定義標簽提示、標簽前綴、標簽后綴、拖動時值提示.
功能強大的范圍選擇滑塊jQRangeSlider
jQRangeSlider 是一款功能強大的范圍選擇滑塊,支持數值、日期、時間區間的選擇。支持觸摸設備iOS、 Android,支持鼠標拖動滑塊改變范圍。