Author

RayChou [Website]

Update

Download

jquery-rater.zip
jquery.js
jquery.rater.js
jquery.rater.css
star.gif

Demo

Demo1:

简单例子,不带参数
$('#demo1').rater();

Demo2:

定义星星个数
$('#demo2').rater(null , {maxvalue:10});

Demo3:

默认选中2颗星星
$('#demo3').rater(null , {maxvalue:10,curvalue:2});

Demo4:

不可点击
$('#demo4').rater(null , {maxvalue:10,curvalue:2,enabled:false});

Demo5:

调用回调函数
$('#demo5').rater(null , {maxvalue:10,curvalue:2} , function(el , value) {
	alert('选中的第'+value+'颗星星');
});

Demo6:

发送ajax请求到url,并调用回调函数;
$('#demo6').rater('./ajax.php' , {maxvalue:10,curvalue:2} , function(el , value , res) {
	el.append(res+"<br />");
});

Demo7:

自定义鼠标title
$('#demo7').rater(null , {title:{1:'不满意',2:'满意',3:'很满意'}});

Demo8:

自定义起始值和步长
$('#demo8').rater('./ajax.php' , {maxvalue:3,curvalue:-1.2,start:-3,step:0.5} , function(el , value , res) {
	el.append(res+"
"); });