jquery.jslider.js是一款用于制作滑塊組件的JavaScript庫。這個庫有許多參數可以幫助我們創建不同風格的滑塊。
$(document).ready(function(){ $("#slider-example1").jslider({ from: 0, to: 100, step: 1, smooth: true, round: 2, scale: ["$0", "$50", "$100"] }); });
上面的代碼是一個基本的jquery.jslider.js滑塊實例。下面我們來介紹這個實例中使用到的參數:
1. from:滑塊的最小值,默認值為0。
2. to:滑塊的最大值,默認值為100。
3. step:滑塊每次拖動時的步長,默認值為1。
4. smooth:是否平滑滑動,默認為true。
5. round:滑塊值的小數位數,默認值為0(整數)。
6. scale:滑塊的刻度標簽,可以用數組來設置。如果不設置,默認沒有刻度標簽。
除了上面介紹的參數,jquery.jslider.js還有很多其他可用的參數,比如說theme、width、onstatechange等等。有了這些參數的幫助,我們可以輕松地制作出符合自己需求的滑塊組件。
下一篇vue怎么開始錄