오늘 아침에는 별점 효과를 적어서 여러분과 공유하는 시간을 가졌습니다. 레벨이 제한되어 있으니 궁금하신 점은 지적해주세요. 먼저 별 사진을 준비합니다. 회색이 기본 상태이고 노란색이 선택 상태입니다. 그림과 같이: 코드 첨부 끝에: 코드 복사 코드는 다음과 같습니다: "UTF-8"> javascript 별점 *{margin:0;padding:0;} <br>.wrapper{높이:20px;패딩:5px;너비:130px;마진:100px 자동 10px;} <br>a{float:left;width:26px;height:20px;배경:url(star.png) 0 -20px 반복 없음; } <br>p{font:24px SimSun;width:130px;margin-left:auto;margin-right:auto;} <br> ; javascript:;">< ;/a> 🎜> <br>window.onload = function(){ <br>var star = document.getElementsByTagName('a'); >var oDiv = document.getElementsByTagName ('div')[0]; <br>var temp = 0 <br>for(var i = 0, len = star.length; i < len; i ){ <BR>star[i].index = i; <BR>star[i].onmouseover = function(){ <BR>clear() <BR>for(var j = 0; j < this.index 1; j ){ <BR>star[ j].style. backgroundPosition = '0 0'; <BR>} <BR>} <BR>star[i].onmouseout = function(){ <BR>for(var j = 0 ; j < this.index 1; j ){ <BR>star[j].style.BackgroundPosition = '0 -20px' <BR>현재(임시) <BR>별 [i].onclick = function (){ <BR>temp = this.index 1; <BR>document.getElementsByTagName('p')[0].innerHTML = temp 'stars' <BR>current(temp); <BR>} <BR>} <BR>//모두 지우기 <BR>functionclear(){ <BR>for(var i = 0, len = star.length; i < len; i ){ <BR> star[i].style . backgroundPosition = '0 -20px'; <BR>} <BR>} <BR>//현재 별 번호 표시<BR>function current(temp){ <BR>for(var i = 0; i < i ){ <BR>star[i].style.BackgroundPosition = '0 0' <BR>} <BR> > 첨부다운로드 주소 PS: 심심할 때 배운 자바스크립트 지식으로 마음대로 작성한 효과들입니다.