jQuery.raty.js星星评分插件使用
在做前端开发的过程中,我们经常用到星星评分插件。这里推荐一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显示的长度，太短了星星会换行
