日期:2014-05-16  浏览次数:20379 次

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,可以一起探讨。

?

?

?

?