Author
RayChou [Website]Update
- 2008-05-25
新增:自定义起始值和步长(Demo8 )
- 2008-01-09
更新:enabled:false 状态下,显示鼠标title
- 2008-01-08
新增:Demo7 鼠标提示
发布第一版
Download
jquery-rater.zipjquery.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+"
");
});