今天上午抽空随手写了个星级评分的效果，给大家分享下。由于水平有限，如有问题请指出。
首先要准备一张星星的图片，灰色是默认状态，黄色是选择状态。如图：
最后附上代码：
复制代码 代码如下:
<script type="text/javascript"> <br>window.onload = function(){ <br>var star = document.getElementsByTagName('a'); <br>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>current(temp); <br>} <br>star[i].onclick = function(){ <br>temp = this.index + 1; <br>document.getElementsByTagName('p')[0].innerHTML = temp + ' 颗星'; <br>current(temp); <br>} <br>} <br>//清除所有 <br>function clear(){ <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 < temp; i++){ <br>star[i].style.backgroundPosition = '0 0'; <br>} <br>} <br>}; <br></script>
附上下载地址
PS：这是本人闲着无聊，通过自己所学的 javascript 知识，随意写的一些效果。
