簡單的跨瀏覽器Mootools的評價腳本
MooRating是一個簡單的(跨瀏覽器,當然,因為它使用的MooTools的庫的電源),輕量級和優秀MooTools的評級解決方案的基礎。 它不稱為“星級”,只是因為,評級的圖像可能是你選擇(我已經提供下載的明星,酒吧和心,但你可以創建自己的各種剛落)。
它是如何看起來像:
| Mootools的評價有不同的圖像觀看演 示 |
| Mootools的評價與百分比值觀看演 示 | |
| Mootools的評價與分數值觀看演 示 |
下載Mootols星級腳本 (下載716次)
評價數據:整數,小數或百分比
目前腳本的目的是顯示整個值(1,2,3,4,5),小數(1.24,3.45等)或百分比(12%,55%等)的評級數據。 選擇顯示中所提到的任何格式的數據,可以設置簡單地通過改變一些在JavaScript的標誌值(moorating.js)
基本上有兩個e兩個標誌一起玩,在您所選擇的格式顯示值...
VAR inpercent = FALSE; / /設置此標誌為true,如果您需要可以顯示百分比值
VAR isFractional = FALSE / /設置為true,如果你想要的分數值,如1.24,1.25,4.56,而不是1,2 ... 5
和我不認為有此需要的任何解釋。 更何況。 該腳本是很簡單的。 如果你知道一點javascripting,你可以修改腳本來得到任何顯示值排序。 例如,如果你想顯示三位小數的地方......只是調整腳本如下...
如果(isFractional){(X <= 5 | | X> = 0)moostartval [我]的innerHTML = formatNumber(X,3);} / / 2改為3
moostartval [我]的innerHTML = Math.round(X);
更新評價值:
我還沒有,困擾編寫任何AJAX腳本,更新評價值,因為我知道從我的經驗,並非總是這樣,它打算盡快更新評級為用戶速率的東西。 你是自由地做任何你想要的額定值,它使用AJAX的更新或提交或設置一個隱藏的表單字段的值,要與整個表單等提交
功能updateRating(ID,等級){
/ /警報(ID +“,”+評級);
/ /做那些該評級
}
有在稱為“updateRating”的javascript功能。 已通過此功能的評價DIV ID,以確定哪些評級(如果有一個以上的頁面上的評價)進行了更新和[updateRating(ID,評級)評級的價值。 你可以選擇任何你想要這些值,正如我前面提到的。
評價圖片:星星,心,酒吧或什麼請你
更改任何上述類型(星星,心等)的評級,是非常簡單的。 只是提供一個類似創建一個圖像,並刪除它。記住,如果你改變形象的名字,你在CSS文件中作出必要的修改,見下文。
,moostar利用margin:0px;填充:0px;溢出:隱藏;寬度:84px;高度:20像素;浮動:左; 背景:URL(“stars.gif”)重複-X;}
moostar跨度{浮動:左;利用margin:0px;填充:0px;顯示:塊;寬度:84px;高度:20像素;文字裝飾:無;的text-indent:-9000px;的z-index:20;}
。moostar CURR { 背景:URL(“stars.gif)離開25px;}
大多數評等部件使用,用鼠標事件對每顆恆星的星半星的圖像。 哞評價使用一個簡單的sprite圖像作為背景圖像,以達到一個非常低的開銷所需的視覺效果。
要求:MooTools 1.2的
下載Mootols星級腳本 (下載716次)











































