jQuery mousewheel Knob effect happycgi

회원가입

출석체크

마이페이지

CGIMALL

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

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > jQuery mousewheel Knob effect 상세정보

클라우드태그

javascript

php

html

asp

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

jQuery mousewheel Knob effect

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

101 회

간단설명

마우스를 이용해서 둥근 손잡이 모양을 가진 부분을 이용해서 수치를 선택할수 있는 스크립트입니다.

평가하기

다운로드 받은 파일의 압축을 풀고
index.html 파일을 웹브라우저로 열어보면 쉽게 확인이 가능합니다.

자바스크립트로 구현된 숫자 입력툴입니다.

둥근 부분에 표시되는 영역을 마우스로 클릭해서 끌면
색깔이 칠해지는 부분이 늘었다, 줄었다 하면서
그 양을 수치로 표시해주는 기능입니다.

다양한 샘플들이 많은데,

1. 어느정도인지 수치를 표시하지 않는 형태

2. 숫자만큼 색칠하는 영역이 늘어나지는 않지만,
시계바늘과 같은 형태로 수치를 표시하는 샘플

3. 수치를 입력받아서 원형의 그래프를 생성해버리는 예제

4. 마우스 휠을 위,아래로 조절하는 이벤트를 이용해서
수치를 증가시키거나, 감소시키는 예제

위 예제 외에도 몇가지 예제들이 더 있네요.

시간을 입력받아야 하거나,
퍼센테이지를 표시하거나 하는 용도로 활용이 가능해보이네요.

출처는
http://www.htmldrive.net/items/show/1241/jQuery-mousewheel-Knob-effect
입니다.