javascript實現相似於淘寶的星級評價

javascript代碼

須要兩張星星的圖片，一張是白色的，一張是金色的。

<script  type="text/javascript">    
        $(function(){  
            $("#ratings td").html("<img src='head.jpg' />").mouseover(function(){  
                $("#ratings td").html("<img src='head2.jpg' />");   
                $(this).nextAll().html("<img src='head.jpg' />");  
            });  
        });  
          
</script>

html代碼

<table id="ratings">  
    <tr>  
        <td></td><td></td><td></td><td></td>      
    </tr>   
</table>

效果如圖

<IMG alt=http://img.blog.csdn.net/20140529103454218?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hpbmFtdW1teV8yOQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast src="http://static.oschina.net/uploads/img/201407/12093002_zpaX.jpg" _src="http://static.oschina.net/uploads/img/201407/12093002_zpaX.jpg">