jquery.raty這是一款星級評分插件，一種是粗略評價，分三個等級，差，一般，好。還有一個是評星的評價，鼠標放上去會顯示星數(shù)量，在制作評分效果的時候可以插入到中間去，非常值得學習的方法。有需要的用戶可以來學習！

使用方法

后在頁面中引入相應(yīng)的js文件、css文件、圖片資源，在需要添加評分組件的元素上（比如span標簽）添加下面的jquery代碼即可：

$('span').raty();

以上為jQuery Raty的缺省使用方法，此外，該組件還支持豐富的傳入?yún)?shù)和回調(diào)函數(shù)，例如：

設(shè)置jQuery Raty的初始評分：

評分回調(diào)函數(shù)

如果需要根據(jù)后臺動態(tài)設(shè)置初始評分，可以使用回調(diào)函數(shù)實現(xiàn)。例如使用div中的data-attribute屬性：

<div data-score="1"></div>

$('div').raty({

  score: function() {

    return $(this).attr('data-score');

  }

});

還可以改變星星的個數(shù)：

$('div').raty({ number: 10 });

1

只讀模式：

$('div').raty({ readOnly: true, score: 3 });

點擊事件：

$('div').raty({

  click: function(score, evt) {

    alert('ID: ' + this.id + "\nscore: " + score + "\nevent: " + evt);

  }

});

路徑：

變更圖標保存的位置，所有圖標需要位于同一目錄下，路徑結(jié)尾的/不添加也可以

<div data-path="assets/images"></div>

$('div').raty({

  path: function() {

    return this.getAttribute('data-path');

  }

});

取消評分：

$('div').raty({ cancel: true });

全局改變設(shè)置：

你可以全局更改上述提到的所有設(shè)置 $.fn.raty.defaults.OPTION = VALUE;. 該語句必須添加在插件綁定之前。

$.fn.raty.defaults.path = assets;

$.fn.raty.defaults.cancel = true;