Lightweight Rating System With Custom Icons

회원가입

출석체크

마이페이지

CGIMALL

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

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > Lightweight Rating System With Custom Icons - jQuery Rating.js 상세정보

클라우드태그

javascript

PHP

CSS

html

ASP

API

jquery

mysql

image

Mobile

slide

게시판

메뉴

현재접속자 16명

Lightweight Rating System With Custom Icons - jQuery Rating.js

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

62 회

간단설명

각종 평가점수를 별점 또는 아이콘을 선택해서 입력받기에 필요한 모바일 호환이 가능한 jQuery 플러그인입니다.

평가하기

각종 평가 점수를
별모양의 아이콘을 선택해서 입력받을수 있는
jQuery 플러그인 입니다.

다운로드 받은 파일의 압축을 해제한후
index.html 파일을 크롬 웹브라우저로 열어 보면
별점선택을 하는 화면의 확인이 가능합니다.

별모양의 아이콘을 화면에 표시해주고,
클릭을 하면 점수를 화면에 표시를 해주네요.

별모양 아이콘 뿐만 아니라,
아이콘을 커스텀해서 다른 아이콘을 이용하는 것도 가능합니다.

사용하는 방법도 복잡해보이지는 않네요

위 4가지가 기본이며,

클릭 이벤트를 걸거나,
별의 개수를 10개로 늘려서 0~10점 사이의 점수를 받는다거나,
별 반개만 선택해서 .5 점을 이용하거나,
별 아이콘의 색상을 조절을 하거나,
별 아이콘 대신 다른 아이콘으로 커스텀하는 예제는 위 소스코드와 같습니다.

그 외에도,

페이지 로딩시 별 모양 아이콘이 선택되어져 있는 점수를 지정하는 예제라던가,
점수를 변경하지 못하도록 readonly 시키는 예제라던가,
기본적인 옵션들을 JS가 아닌, HTML 태그에 포함시키는 예제도 있습니다.

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.