很多网站都有提供评论，评分的互动功能，特别是一些购物网站，产品网站，经常会看到有对某个产品的评分。那么实现一个评分插件难吗？其实不难，很多现成的脚本插件，下面一起看下Jquery插件，jquery.raty如何使用。
工具/原料
1
Jquery插件库文件
2
Jquery.raty插件文件
方法/步骤
1
首先引入Jquery和 Jquery.raty插件脚本，然后调用初始化 raty，$('#star').raty( ｛一些设置参数｝）； 如图
2
加上对应的html代码，如图，
3
解析下代码，$('#star').raty // 是将星星评分插件放到 id为star的div里，hints // 鼠标放上去的提示path // 是星星图片的路径starOff，starOn, // 上面path目录下的星星图片文件名，分别对应空心星星和实心星星。附上我本地的路径（站点目录下：一个html，二个子目录） index.html css/img/ js/
4
看下运行结果，刚打开，星星都是灰色的，然后点击第六个星星，可以得到分数6，前6个星星也变成实心。鼠标经过时，星星也会变化。
5
可以将 score参数初始时就设置为3，这样页面一打开，就显示3个星星了，这可以对应你从数据库读出来用户之前的评分，比如平均评分。还可以添加个 readOnly的参数，设置为 true, 这样评分插件就只是显示分数，不能再点击评分了。
6
可以设置 number参数，显示多少个星星，比如如图，一般调查是否满意的
7
插件还支持半个星星的，参数里加上 starHalf， 然后指向半个星星的文件名就行了，当然img目录里也要包括半星星的文件。还有其他一些参数的设置，大家可以自行实践下。
注意事项
1
可以把星星图片随意换成其他的图片
下一篇：怎样恢复信用综合评分