jquery.raty-评级插件,很好用的
其中jquery.raty.min.js已经汉化了（其实就是翻译了下）：
<script type="text/javascript" src="js/jquery.raty.min.js" charset="gbk"></script>
中的charset="gbk" 用其他的编码格式会乱码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>
<title>jQuery Raty评级插件</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.raty.min.js" charset="gbk"></script>
</head>
<body>
<div id="star"></div>
<div class="session">以一个分数开始，只读:</div>
<div id="fixed"></div>
<div class="session">自己制定星星的个数:</div>
<div id="custom"></div>
<div class="session">自定义提示和图片:</div>
<div id="target"></div>
<div class="session">使用onclick回调函数:</div>
<div id="click"></div>
<div class="session">显示半颗星星:</div>
<div id="half"></div>
<div class="session">默认的取消按钮:</div>
<div id="cancel"></div>
<div class="session">自定义的取消按钮:</div>
<div id="cancel-custom"></div>
</body>
<script type="text/javascript">
$(function() {
$('div#star').raty();
$('div#fixed').raty({
readOnly: true,
start: 2
});
$('div#custom').raty({
scoreName: 'entity.score',
number: 10
});
$('div#target').raty({
hintList: ['2008冠军', '2009冠军', "2010冠军", '2011冠军', '2012冠军'],
starOn: 'medal-on.png',
starOff: 'medal-off.png'
});
$('div#click').raty({
onClick: function(score) {
alert('score: ' + score);
}
});
$('div#half').raty({
start: 3.3,
showHalf: true
});
$('div#cancel').raty({
showCancel: true
});
$('div#cancel-custom').raty({
cancelHint: '取消评级分数！',
cancelPlace: 'right',
showCancel: true,
onClick: function(score) {
alert('score: ' + score);
}
});
});
</script>
</html>
$(function() {
$('div#gjw').raty({
readOnly: false,
start: 0,
number: 5,
hintList: ['糟糕透了', '不理想', "一般般", '很好', '棒极了'],
starOn: 'medal-on.png',//设置图片，有默认的
starOff: 'medal-off.png',
showCancel: true,
cancelPlace: 'left',//取消按钮的位置
cancelHint: '取消评级分数！',
onClick: function(score) {
$("#score").val(score);
}
});
});
附带例子：
分享到：
相关推荐
**jQuery.raty插件详解** `jQuery.raty` 是一个基于JavaScript库jQuery的五星级评分插件，主要用于网站用户对内容进行评分或反馈满意度。它提供了丰富的自定义选项和交互功能，使得在网页中实现评价系统变得简单易...
jQuery 插件 `jquery.raty.js` 提供了一种简单易用的方式来实现这种星星评价功能。下面我们将详细介绍如何使用这个插件，以及如何结合后端数据在前端显示星星个数。 首先，要使用 `jquery.raty.js`，你需要确保已经...
Raty-星级评分插件 Rails评级？ 这是等级： : :white_medium_star: 图片使用 jquery.raty.js star-off.png star-on.png < script src =" jquery.raty.js " > </ script > < div> $ ( 'div' ) . ...
包括 jQuery Rater Star Plugin.7z jquery.raty-0.5.zip jquery.raty-1.4.3.zip jquery-rater.zip jquery星级评级插件.rar jRating.rar rater-star.zip rotating-jquery-tabs1.zip star-rating.zip
该插件名为“wbotelhos/raty”，在压缩包文件中提供了示例（demo）和必要的JavaScript资源，允许开发者快速地在项目中实现五星评级功能。只需简单引用JavaScript文件，即可轻松集成到你的网页中。 ### 1. 插件安装...
Raty是一个广泛使用的jQuery插件，它允许用户通过点击或滑动来给内容打星评级，通常应用于商品评价、服务反馈等场景。该插件易于集成，提供了丰富的自定义选项，如半星评分、读数显示、分数提交等。 【详细知识点】...
**jQuery星型评级插件详解** 在Web开发中，用户评价和评分系统是常见的功能，特别是在电商、电影评价或服务评价等场景下。为了实现这样的功能，开发者常常会使用星型评级插件，以直观地展示用户的评分。本文将深入...
jQuery Raty是一款强大的JavaScript插件，它允许用户通过点击星星来轻松地进行评分，提供了丰富的自定义选项和美观的视觉效果。本文将详细介绍jQuery Raty的使用方法和核心功能，帮助开发者快速掌握这一工具。 首先...
**jQuery星级评分插件——jQuery Raty** 在Web开发中，为用户提供直观的星级评价功能是一种常见的需求，例如产品评价、服务评分等。jQuery Raty是一个强大的JavaScript插件，专门用于实现这种功能。它允许开发者...
来自主存储库的变更日志展示了很多jQuery Raty插件添加了可以自定义并插入到左侧或右侧的取消按钮添加了将自定义星图设置为开，半或关状态的功能添加了为图像设置自定义路径的功能添加了启用/禁用半星的功能新增了...