星星打分效果

这里只提供javascript和html，只供参考，没有例子下载看，我想只要有一些javascript和jquery基础的都能看懂吧。

jquery代码：

$(document).ready(function(){
        $("#stars a").each(function(i){
            $(this).mouseover(function(){
                $("#stars a:lt("+(i+1)+")").attr("class","cur");
                $("#stars a:gt("+i+")").removeClass("cur");
                $("#isRank").attr("value",i+1);//把打的分数放到隐藏域
            });
            $(this).click(function(){
                $("#isRank").attr("value",i+1);
            });
            $(this).mouseout(function(){
                var cur_star = parseInt($("#isRank").val())-1;
                $("#stars a:lt("+(cur_star+1)+")").attr("class","cur");
                $("#stars a:gt("+cur_star+")").removeClass("cur");
                $("#isRank").attr("value",i+1);//把打的分数放到隐藏域
            });

        })
    });

 html页面

<div class="area">
        <div class="fixBox">
            <label>评分：</label>
            <div class="stars" id="stars">
                <a href="javascript:void(0)" class="cur" id="star1"  ></a>
                <a href="javascript:void(0)" id="star2"  ></a>
                <a href="javascript:void(0)" id="star3"  ></a>
                <a href="javascript:void(0)" id="star4"  ></a>
                <a href="javascript:void(0)" id="star5" ></a>
            </div>
            <input type="hidden" value="1" id="isRank" />
            <div class="clear"></div>
        </div>
</div>