jquery raty 实现星星打分效果

效果图：

js以及图片地址 自行引入：http://download.csdn.net/download/lililidahaoren/10178257#

核心代码：

html：

           

                速度星级：
                

                
           

            

                质量星级：
                

                
           

           

                态度星级：
                

                
           

js:

 $(function(){
        $("#star-1").raty({
            hints: ['1','2', '3', '4', '5'],//自定义分数
            starOff: 'iconpic-star-S-default.png',//默认灰色星星
            starOn: 'iconpic-star-S.png',//黄色星星
            path: '${pageContext.request.contextPath}/static/h-ui/images/star',//可以是相对路径
            number: 5,//星星数量，要和hints数组对应
            showHalf: true,
            targetKeep : true,
            click: function (score, evt) {//点击事件
                
                //第一种方式：直接取值
                $("#result-1").html('你的评分是'+score+'分');
            }
        });
        $("#star-2").raty({
            hints: ['1','2', '3', '4', '5'],//自定义分数
            starOff: 'iconpic-star-S-default.png',//默认灰色星星
            starOn: 'iconpic-star-S.png',//黄色星星
            path: '${pageContext.request.contextPath}/static/h-ui/images/star',//可以是相对路径
            number: 5,//星星数量，要和hints数组对应
            showHalf: true,
            targetKeep : true,
            click: function (score, evt) {//点击事件
                //第一种方式：直接取值
                $("#result-2").html('你的评分是'+score+'分');
            }
        });
        $("#star-3").raty({
            hints: ['1','2', '3', '4', '5'],//自定义分数
            starOff: 'iconpic-star-S-default.png',//默认灰色星星
            starOn: 'iconpic-star-S.png',//黄色星星
            path: '${pageContext.request.contextPath}/static/h-ui/images/star',//可以是相对路径
            number: 5,//星星数量，要和hints数组对应
            showHalf: true,
            targetKeep : true,
            click: function (score, evt) {//点击事件
                //第一种方式：直接取值
                $("#result-3").html('你的评分是'+score+'分');
            }
        });
    });

获取评分：$("#star-1").raty('score')