[jQuery] Slider 컨트롤. ( control )

Slider Control

Slider 컨트롤 만들고, 사용하기

<input type="range" id="slider" min="0" max="100" value="50" step="2" />

Sliderbar의 값을 get, set 하는 것은 val() 함수를 통해서 한다.

//Get

$("#slider").val();

//Set

$("#slider").val( 10 );

data-highlight="true" 를 통해서 왼쪽편의 색깔을 바꿀 수 있고,

data-track-theme="b" 를 통해서 slider 부분만의 테마도 변경 할 수 있다.

<input type="range" id="slider" min="0" max="100" value="50" step="2" data-highlight="true" data-track-theme="b"/>

data-highlight, data-track-theme, Get, input, jQuery, Max, Min, RANGE, Set, slider, slider control, step, type, Val, Value