jquery星级评分

[css]代码库

$(function () {

    var S = 0, S1 = 0, S2 = 0;

    $("#star1 .star_xingji").each(function () {

        $(this).click(function () {

            var n = $(this).index();

            $("#star1 .star_xingji").removeClass("star_xingji2");

            $("#star1 .star_xingji:lt(" + n + ")").addClass("star_xingji2");

            S = $("#star1 .star_xingji2").length;

        })




        $(this).hover(function () {

            if ($(this).index() > S) {

                $("#star1 .star_xingji").removeClass("star_xingji2");

                $("#star1 .star_xingji:lt(" + $(this).index() + ")").addClass("star_xingji2");

            }

        }, function () {

                $("#star1 .star_xingji").removeClass("star_xingji2");

                $("#star1 .star_xingji:lt(" + S + ")").addClass("star_xingji2");

        })

    })







    $("#star2 .star_xingji").each(function () {

        $(this).click(function () {

            var n1 = $(this).index();

            $("#star2 .star_xingji").removeClass("star_xingji2");

            $("#star2 .star_xingji:lt(" + n1 + ")").addClass("star_xingji2");

            S1 = $("#star2 .star_xingji2").length;

        });




        $(this).hover(function () {

            if ($(this).index() > S1) {

                $("#star2 .star_xingji").removeClass("star_xingji2");

                $("#star2 .star_xingji:lt(" + $(this).index() + ")").addClass("star_xingji2");

            }

        }, function () {

            $("#star2 .star_xingji").removeClass("star_xingji2");

            $("#star2 .star_xingji:lt(" + S1 + ")").addClass("star_xingji2");

        });

    })




    $("#star3 .star_xingji").each(function () {

        $(this).click(function () {

            var n2 = $(this).index();

            $("#star3 .star_xingji").removeClass("star_xingji2");

            $("#star3 .star_xingji:lt(" + n2 + ")").addClass("star_xingji2");

            S2 = $("#star3 .star_xingji2").length;

        });




        $(this).hover(function () {

            if ($(this).index() > S2) {

                $("#star3 .star_xingji").removeClass("star_xingji2");

                $("#star3 .star_xingji:lt(" + $(this).index() + ")").addClass("star_xingji2");

            }

        }, function () {

            $("#star3 .star_xingji").removeClass("star_xingji2");

            $("#star3 .star_xingji:lt(" + S2 + ")").addClass("star_xingji2");

        });

    })




})