支持小数的jQuery星级评分插件【原创

来源:https://www.sucaihuo.com/js/3532.html 2018-03-07 22:15浏览(1500) 收藏

一款非常实用支持小数的jQuery星级评分插件,五角星星级打分代码,还支持整数打分,样式图片也可以修改。
支持小数的jQuery星级评分插件
分类:其它特效 > 星星打分 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<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>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3532.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2