現(xiàn)在做網頁已經不僅限于實現(xiàn)功能了,更多的是要實現(xiàn)功能的同時追求更加美觀的實現(xiàn)。比如頁面上讓用戶評分的功能,你完全可以放5個RdioButton讓用戶選擇分數(shù),也可以用DropDownList來實現(xiàn),但那樣不如用五個星星來得炫來得直觀。
像這樣的星星評分插件用得非常普遍,幾乎要成為你隨手捻來的小菜,任何一個不具備使用這樣插件的前端程序員都是毫無戰(zhàn)斗力的。
這里給大家介紹一個實現(xiàn)這樣的評分效果的小插件jQuery Raty。它提供的API相當豐富真的是讓人愛不釋手。詳細文檔及下載插件請移步這里。
基本使用
下面我們來實際操作,運用一下這個有愛的小插件。
需要做的事情非常簡單,在頁面上放一個DIV,id取名為‘star’或者什么的隨你所以愛,用來顯示我們的評分插件。
當然,記得把下載下來的jquery.raty.js或者jquery.raty.min.js放在項目文件夾當中。同時,由于是基于jQuery的,所以包含jQuery的腳本文件那是必需的。這三個腳本文件都可以在下載后的壓縮包內的js文件夾內找到。直接復制到你的項目相應目錄中即可。
然后,在頁面中用