注:一張圖上放兩個(gè)小星星，上面沒(méi)顏色，下面有顏色（大?。?3 X 15）
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
*{ margin:0; padding:0;}
li{ float:left;}
a{ display:block; background:url(img/new_sort_star.gif) no-repeat 0 0; width:13px; height:15px; text-indent:-9000px;}
.star{ background-position:0 -15px;}
</style>
<script type="text/javascript">
$(function(){
  $("#start").find("a").each(function(){
      $(this).mousemove(function(){
      var j=$("#start a").index($(this));
    $("#start a").removeClass("star");
    for(var i=0;i<j+1;i++){
    $("#start a").eq(i).addClass("star");
    }
  }).click(function(){
      alert($(this).attr("rel"))
  });
  });
});
</script>
 
<div>
    <ul id="start">
  <li><a href="#" rel="0">star 0</a></li>
  <li><a href="#" rel="1">star 1</a></li>
  <li><a href="#" rel="2">star 2</a></li>
  <li><a href="#" rel="3">star 3</a></li>
  <li><a href="#" rel="4">star 4</a></li>
  <li><a href="#" rel="5">star 5</a></li>
</ul>
</div>