jQuery UI

jQuery UIによる画面コンポーネント(1)●<div>によるスライダの例

$('div#ex1').slider();

CSS設定



実行例 クラス名 上が ui-slider-1 下が ui-slider-2


html
<div id="ex1" class="ui-slider-1">
  <div class="ui-slider-handle"></div>
</div>

一定の間隔でツマミをイヅできるよにする
ツマミが止まった位置の値を知る