要求：

1.当鼠标移入某个星星时，它和它之前的星星变实心。

2.当鼠标点击某个星星后，保留效果：

下面展示一下代码，可当作参考：

css部分：

    <style>
        li{
            list-style: none;
            float: left;
            cursor: pointer;
        }
    </style>

主题部分：

<ul>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
</ul>

js部分：

<script type="text/javascript">
   $("li").hover(function () {
       var i=$(this).index()+1;
       $("li:lt("+i+")").html("★")
   },function () {
       var i=$(this).index();
       $("li:gt("+i+")").html("☆")
   })
   $("li").click(function () {
       $("li").unbind();
   })
</script>

下面把星星给你们，也可以换成其他图标

    ★                     ☆

//仅供参考！！！！！