jquery.rating.js插件的使用

1. 首先到http://www.fyneworks.com/jquery/star-rating/#tab-Download 下载插件的压缩包

 

2. 然后解压缩把里面的js、css、image放到项目中去，在页面中进行引用。

 

3. 如果图片的位置和css的位置没有放到一起，则需要修改jquery.rating.css里面第三行和第四行的background的url。

 

4. 如果不需要星星前面的那个图标，则需要修改jquery.rating.js中第99行，去掉div里面的那个class="rating-cancel"即可。前提是引入JS文件的时候只引入jquery.rating.js文件。因为jquery.rating.pack.js是jquery.rating.js的一个压缩版，只需要引入其中一个即可。

 

5. 页面代码：

 

 <script type="text/javascript">
      $(function(){

           $('input.wow').rating();
      });
 </script>

 

<input name="adv2" type="radio" class="wow"/>
<input name="adv2" type="radio" class="wow"/>
<input name="adv2" type="radio" class="wow"/>
<input name="adv2" type="radio" class="wow" checked="checked" />
<input name="adv2" type="radio" class="wow"/>

 

注:如果要只读，则只需要把第一个改为

    <input name="adv2" type="radio" class="wow" disabled="disabled"/>
即可。

 

6. 如果需要得出的星星颗数中有小数，则需要改为如下：

    <input name="adv2" type="radio" class="wow {split:2}" disabled="disabled"/>

 

 

我的QQ:332337246，可以一起探讨。

 

 

 

 

评论

1 楼 djy252 2014-01-02  

如何去掉 星级的那个取消按钮呢。星级仍可以选择，不是disable