jRating 星級評等系統實際執行畫面

jRating 是一個非常靈活的 jQuery 套件可快速創建AJAX的星級評等系統，這是可以配置很多種功能細節的套件，也可以更改顯示的大或小的星星圖像，jRating 也可以使用任何的伺服器端語言來記錄使用者選擇。

使用方法：
首先載入必須的 JavaScript 的檔案
//jRating 的CSS 語法
<link rel="stylesheet" type="text/css" href="jRating.jquery.css" media="screen" />
//使用Google ajax API 直接連結 jQuery 1.7.2的min版本
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
//jRating 的主程式語法
<script type="text/javascript" src="jRating.jquery.js"></script>


再來處理HTML要顯示星級評鑑的地方
<div class="exemple">
   <div class="basic" id="tx1"></div>
   <div class="basic" id="tx2"></div>
</div>

最後再做 JavaScript 的部分就算完成了
$(function(){
      $("#tx1").jRating();
      $("#tx2").jRating({
         step:true,
         length : 20,
         onSuccess : function(){
             alert('Success : your rate has been saved :)');
      }
   });
});

jRating 星級評等系統可修改參數

參數	型態	預設	說明
showRateInfo	布林	true	是否停用星級評鑑的文字資訊
bigStarsPath	字串	jquery/icons/stars.png	大星星的圖檔
smallStarsPath	字串	jquery/icons/small.png	小星星的圖檔
phpPath	字串	php/jRating.php	伺服端處理的頁面
type	字串	big	大星星小星星.可設定為 small,big
step	布林	false	星星是否為一格一格填充
isDisabled	布林	false	是否啟用星級評鑑
length	數字	5	顯示幾個星星
decimalLength	數字	0	小數點的速度
rateMax	數字	20	星星的最大值
rateInfosX	數字	45	與左側的絕對位置
rateInfosY	數字	5	與上方的絕對位置