jquery评分插件jquery.raty

此作品是一款功能强大的jquery评分插件jquery.raty，可灵活设置33个参数，可以显示数值和自定义字符串数组，比以往分享的星级评分插件功能强多了，

分类：其它特效 > jQuery插件难易：

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

首先引用文件

<link type="text/css" rel="stylesheet" href="demo/css/application.css">
<script type="text/javascript" src="demo/js/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery.raty.min.js"></script>

使用也比较简单，最简单的使用初始化jquery代码就一行$(”#star“).raty();，具体的大家自己下载下来慢慢看吧。。。

$.fn.raty.defaults.path = 'lib/img';
      $('#function-demo').raty({
	  	number: 3,//多少个星星设置		
		targetType: 'hint',//类型选择，number是数字值，hint，是设置的数组值
        path      : 'demo/img',
		hints     : ['差','一般','好'],
        cancelOff : 'cancel-off-big.png',
        cancelOn  : 'cancel-on-big.png',
        size      : 24,
        starHalf  : 'star-half-big.png',
        starOff   : 'star-off-big.png',
        starOn    : 'star-on-big.png',
        target    : '#function-hint',
        cancel    : false,
        targetKeep: true,
		targetText: '请选择评分',

        click: function(score, evt) {
          alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt.type);
        }
      });    
	  
	  $('#function-demo1').raty({
	  	number: 10,//多少个星星设置
		score: 2,//初始值是设置
		targetType: 'number',//类型选择，number是数字值，hint，是设置的数组值
        path      : 'demo/img',
        cancelOff : 'cancel-off-big.png',
        cancelOn  : 'cancel-on-big.png',
        size      : 24,
        starHalf  : 'star-half-big.png',
        starOff   : 'star-off-big.png',
        starOn    : 'star-on-big.png',
        target    : '#function-hint1',
        cancel    : false,
        targetKeep: true,
        precision : false,//是否包含小数
        click: function(score, evt) {
          alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt.type);
        }
      });