在做一个评论功能的时候，不能少了评分，那就涉及到星星，如下列出一些可用样式
使用也很简单，首先需要引入两个js文件，一个是jQuery的，另一个是jquery.raty.min.js
这里有个问题，默认的星星图片可能放在你的工程里的时候会有路径问题，不过不要怕，有一个方法可以修改图片的路径
$.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,//div显示的长度，太短了星星会换行 starHalf: 'star-half-big.png', starOff: 'star-off-big.png', starOn: 'star-on-big.png', target: '#function-hint',//文字显示位置，一般这里会写一个div的ID cancel: false,//是否可取消 readOnly: true,//是否为只读，默认为非只读 targetKeep: true, targetText: '请选择评分',//默认的提示文字 click: function(score, evt) {//click事件处理 alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt.type); } }); |
还有其它的自己可以按照自己的需要来添加属性
共同學(xué)習(xí)，寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
100積分直接送
付費(fèi)專(zhuān)欄免費(fèi)學(xué)
大額優(yōu)惠券免費(fèi)領(lǐng)