注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-03-26
简单实用的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>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。