태그 보관물: Star Rating

JavaScript Star Rating

별점 체크 기능을 자바스크립트로 구현했습니다.
아래 HTML 태그와 같이 data-labeldata-value 값만 설정해 주면, 내부 코드가 자동으로 생성됩니다.

<div class="star_rating_wrap"
    data-label="Quality,Delivery,Design,Price,Service"
    data-value="0,5,2,1,4"></div>

Star Rating라곤 했지만 별모양 이미지 작업은 귀찮아서 그냥 원으로 처리. 디자인 적인 부분은 CSS 스타일을 수정해서 사용하세요.
PC와 모바일 브라우저 모두 지원합니다. (IE7 이전 버전은 제외)

Demo: http://hangunsworld.com/blogSamples/starRating/