在做前端开发的过程中,我们经常用到星星评分插件。这里推荐一jquery,raty.js是一个专门用来做评分的。
星星显示的效果如下：

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery.raty.js" type="text/javascript"></script>

<div id="starts"></div>
<script type="text/javascript">
    $(function(){
        $("#starts").raty({
            number : 5,//星星个数
            path : 'images',//图片路径
            half:false,//适合开启半颗星
            size:24,
            starOn : 'star-on-big.png',
            starOff : 'star-off-big.png',
            hints : ['1','2','3','4','5'],
            click : function(score, evt) {
                $(this).val(score);//赋值到input value
            }
        });
    });
</script>

score:需要显示的星星个数

starOn：鼠标放上去时显示的图标的位置

starOff：鼠标离开后显示的图标的位置

starHalf：需要显示的半星的标图的位置

readOnly：所显示的星星是否只读，默认非只读

halfShow：半个星星是否可以显示，默认可以

size：div显示的长度，太短了星星会换行