Raty 介绍
使用jQuery Raty，可以很方便的在 页面 上嵌入 一个 评分组件
引用以下 文件
<script type="text/JavaScript" src="demo/js/jquery.min.js"></script>
<script type="text/JavaScript" src="lib/jquery.raty.min.js"></script>
html结构
<div width:500px; margin:100px auto;">
<div class="demo">
<div id="function-demo" class="target-demo"></div>
<div id="function-hint" class="hint"></div>
</div>
<div class="demo">
<div id="function-demo1" class="target-demo"></div>
<div id="function-hint1" class="hint"></div>
</div>
</div>
js 调用 方法
$(function() {
$.fn.raty.defaults.path = 'lib/img';
$('#function-demo').raty({
number: 5,//多少个星星设置
targettype : 'hint',//类型选择，number是数字值，hint，是设置的数组值
path: 'demo/img',
hints: ['差','一般','好','非常好','全五星'],
cancelOff: 'cancel-off-big.png',
cancelOn: 'cancel-on-big.png',
size: 24,
starHalf: 'star-half-big.png',
s Taro ff: 'star-off-big.png',
s Taro n: 'star-on-big.png',
target: '#function-hint',
cancel: false,
targetKeep: true,
targetText: '请选择评分',
click: function( score ,evt) {
alert('ID: ' + $(this).attr('id') + "n score : " + score + "nevent: " + evt.type);
}
});
$('#function-demo1').raty({
number: 10,//多少个星星设置
score : 2,//初始值是设置
targettype : 'number',
target: '#function-hint1',
precision: false,//是否包含小数
click: function( score ,evt) {
alert('ID: ' + $(this).attr('id') + "n score : " + score + "nevent: " + evt.type);
}
});
});
网站地址 : https://wbotelhos.com/raty
GitHub: https://github.com/wbotelhos/raty
网站描述: 一个 非常棒的jQuery 评分 插件
Raty官方网站
官方网站： https://wbotelhos.com/raty
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。