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

简单实用的jQuery星级评分插件样式-精品资源网
简单实用的jQuery星级评分插件样式
此内容为免费资源,请登录后查看
0
免费资源

简单实用的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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容