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