一．使用說明
1.jQuery評分插件的功能：
圖標顯示用戶評分，更美觀
可實時點擊，切換評分
返回用戶評分，記錄用戶評分
實現類似下圖效果
2.優點：
美觀，方便
3.缺點：
只能用於jquery開發
二．開發步驟說明
1．下載
去http://www.htmleaf.com/ 下載jQuery Raty插件壓縮包，
然后解壓。
解壓成功如下圖：
2.使用步驟：
（1）、在body下創建一個div，裝評分圖片
如：
（2）、把下載下來的jquery.raty.js或者jquery.raty.min.js放在項目文件夾當中，以及jquery腳本文件直接復制到你的項目相應目錄中即可。
（3）、引入js文件
（4）、在js中調用raty()方法
此時已經引入了默認的評分圖片
效果為
由於沒有引入壓縮包中的img文件夾
（5）引入img文件夾
效果為：
（6）星星圖片不在一行是由於包含我們raty插件的那個DIV被加了個width：100px樣式，這是插件腳本自己設定的
解決方法：
：
效果：
基本的效果就實現了，插件還可以自定義API
（7）可定義path屬性可以指定我們要使用的圖標的位置。現在我們將項目中的img文件夾移到其他地方，比如這里我把它移到Styles文件夾下
如
則在raty()中寫path屬性
（8）、我們可以使用自定義的圖標，也可以使用其他自帶的圖標，壓縮包內可以找到更大的星星圖標，以及勛章笑臉圖標等將doc文件夾img文件夾內的所以有圖標復制到我們項目中的img文件夾中來。更改圖標通過插件的starOff和starOn屬性。
其中starOff為鼠標移入的圖片，starOn為原本的圖片
效果：
換一組圖片：
做法：
效果：
小數評分：
做法：
效果
（9）設置提示文本
指針放到星星上默認顯示‘bad’‘poor’‘reuglar’…可以自定義要顯示的文本，通過hints屬性。一次寫入鼠標滑過你想出現的提示即可，用數組的方式
例
效果：
（10）、獲取用戶選擇的值
最為重要的環節就是獲取用戶所選擇的值。插件提供了不止一種的方式可以讓你得到用戶的選擇值，這里介紹兩種方式。
- 通過click事件來獲取。Click里面定義一個函數來處理獲取的值，這個選擇值通過’score’參數傳遞。參數不需要自己定義
用法：
效果：
2. 第二種方式可以設置一個隱蔽的HTML元素來保存用戶的選擇值，然后可以在腳本里面通過jQuery選中這個元素來處理該值。
現在在我們的star DIV下面再放一個DIV，用來保存用戶的選擇：
做法：
接下來在腳本代碼里將這個DIV設置target屬性，需要注意的是，還要將targetKeep 屬性設置為true，用戶的選擇值才會被保持在目標DIV中，否則只是鼠標浮上時有值，而鼠標離開后這個值就會消失
做法：
效果為：
如果我們只是想拿它來暫時存放這個值，並沒想讓它顯示出來，所以可以讓這個DIV一直隱藏，我們通過這個DIV來獲取值並進行我們需要的各種處理，比如送回服務器保存到數據庫等。跟上面唯一不同就是獲取該值的方式不同，用text()方法
具體代碼：
效果為：
這個插件還有很多有趣的功能，壓縮包有詳盡的解釋。
三．相關參考網址
1. jquery插件庫 http://www.jq22.com/
2.jquery之家 http://www.htmleaf.com/