当前位置：首页 → 问答吧 → 简单jQuery星级评分功能插件

简单jQuery星级评分功能插件

时间：2010-01-09

来源：互联网

这是本人开发的一个小的jQuery星级评分功能插件，比较实用基本功能包括
1）你可以自己定义星数（如共7颗）
2）所有星数代表的值的范围（代表的值为30分－100分），
3）你可以定义值的台阶值，这样一来你可以使用半颗星，三分之一颗星，四分之一颗星
4）你可以定义绑定的控件来显示值
5）你可以自定义鼠标移动或单击时的事件
6）当然你也可以在执行过程中时禁用／重启用评分功能
你除了下载本附件外，你还需要下载最新的jQuery

[ 此帖被kfang在2010-01-09 05:54重新编辑 ]

作者: kfang 发布时间: 2010-01-09

看看效果

作者: lkokko 发布时间: 2010-01-10

,谢谢，看看效果

作者: aaronlucas 发布时间: 2010-01-11

下载不了啊~

作者: huangyifeng 发布时间: 2010-01-11

刚检查过了，没有问题的，如果实在不行，给我邮件地址，我给你传过去

作者: kfang 发布时间: 2010-01-12

呵呵，楼主的评分插件确实不错。我把它改造了一下之后，作成我的论坛的评份插件了。在这里分享一下代码：

复制代码

(function($){function checkvote(obj)
{
var size=$("input[name=option][checked]",obj).size();if(size==0){$.alert('\u4F60\u6CA1\u6709\u9009\u4E2D\u4EFB\u4E00\u9879');return false;}
};
$.fn.rate = function(options) {
options = options || {};
options.rated = 1;
options.rateMax = options.rateMax || 9;
options.rateClass = options.rateClass || "star";
options.rateOverClass = options.rateOverClass || "star_on";
options.ratedClass = options.ratedClass || "star_yes"
options.rateImg = options.rateImg || "images/star.gif";
var $rate = function(wraper, options) {
var $wraper = $(wraper);
var $rateUnits = [];
for(var i=0; i<options.rateMax; i++){
$rateUnits[i] = $(document.createElement("a")) .attr("href","javascript:;").addClass(options.rateClass).attr("title",i+1);
if( i<options.rated ) $rateUnits[i].addClass(options.ratedClass);
$wraper.append($rateUnits[i]);
}
$.each($rateUnits, function(){
$(this).hover(
function(){ $(this).prevAll().add($(this)).addClass(options.rateOverClass) },
function(){ $(this).prevAll().add($(this)).removeClass(options.rateOverClass) }
);
$(this).click(function(){
var index = $(this).attr("title");
$("input",$wraper).val(index);
$(this).prevAll().add($(this)).addClass(options.ratedClass);
$(this).nextAll().removeClass(options.ratedClass);
});
});
$wraper.removeClass();
}
$rate(this, options);
return this;
};
});