jQuery Slider plugin happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > jQuery Slider plugin 상세정보

현재접속자 명

jQuery Slider plugin

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

377 회

간단설명

JQuery 슬라이드를 보다 간편히 사용할 수 있도록 해주는 플러그인 입니다. 이 소스를 이용하여 가격, 시간, 거리 등의 범위를 슬라이드 효과를 주어 선택할 수 있는 기능을 구현할 수 있습니다.

평가하기

Jquery 슬라이드를 보다 손쉽게 사용할 수 있도록 제작된 플러그인 입니다.

가격, 거리, 시간 등의 범위를 슬라이드 효과를 주어 선택할 수 있고,
선택된 값을 FORM 태그와 함께 전송하면 값 저장 및 범위검색 등의 기능으로 사용할 수 있습니다.

사용방법은 간단합니다.

- 첨부파일에 있는 JS 파일과 CSS 파일을 소스 상단에 링크해 준 다음
INPUT 태그에 ID 값을 정의하여 해당 객체에 slider 를 적용해 주면 됩니다.

소스 예)

<input id="slider1" type="slider" name="slider1" value="50">

<script type="text/javascript">

jQuery("#slider1").slider({
옵션입력
});

</script>

- 옵션입력 부분을 통해 원하시는 형태의 슬라이드를 출력할 수 있으며,
사용 예는 다음과 같습니다. (데모페이지 참조)

- 주로 사용되는 옵션의 종류는 아래와 같으며,
자세한 설명 및 사용방법은 데모페이지를 참조하세요.

from (숫자) - 최소값

to (숫자) - 최대값

step (숫자) - 이동 단위값

round (숫자) - 쉼표 허용개수

dimension (문자) - 값 뒤에 올 단위문자

scale (배열) - 눈금자표시 ("|" 로 구분)

- 라이센스는 MIT 라이센스입니다.
(http://ko.wikipedia.org/wiki/MIT_%ED%97%88%EA%B0%80%EC%84%9C)