分享4款简单实用的jQuery星级评分插件样式,星星打分评价代码,支持整数和小数打分、星星数量修改、图片大小修改、可自定义图片样式。
js代码
<scripttype="text/javascript"src="js/markingSystem.js"></script>
<scripttype="text/javascript">
$("#star_grade").markingSystem({
num:5,
havePoint:true,
haveGrade:true,
unit:'星',
grade:2.5,
height:20,
width:20,
})
$("#star_grade1").markingSystem({
backgroundImageInitial:'images/love_gary.png',
backgroundImageOver:'images/love_red.png',
num:5,
havePoint:false,
haveGrade:true,
unit:'星',
grade:3,
height:30,
width:30,
})
$("#star_grade2").markingSystem({
backgroundImageInitial:'images/face_ku_bottom.png',
backgroundImageOver:'images/face_ku_top.png',
num:5,
havePoint:true,
haveGrade:true,
unit:'星',
grade:1
})
$("#star_grade3").markingSystem({
backgroundImageInitial:'images/face_happy_bottom.png',
backgroundImageOver:'images/face_happy_top.png',
num:5,
havePoint:true,
haveGrade:true,
unit:'星',
grade:1,
height:32,
width:32,
})
</script>
下载
|
|