简单实用的jQuery星级评分插件样式

分享4款简单实用的jQuery星级评分插件样式，星星打分评价代码，支持整数和小数打分、星星数量修改、图片大小修改、可自定义图片样式。

js代码

<script type="text/javascript" src="js/markingSystem.js"></script>
<script type="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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载