jQuery基于unicode表情字符星级评分代码



83 331 111



特效描述:jQuery 基于unicode 表情字符星级评分,jQuery基于unicode表情字符星级评分代码

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/default.css">

2. 引入JS

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="src/jquery.emojiRatings.js"></script>

3. HTML代码

<div class="zzsc-container">
	<div class="zzsc-content">
		<div id="element1" class="emoji1"></div>
		<div id="element2" class="emoji2"></div>
		<div id="element3" class="emoji3"></div>
		<div id="element4" class="emoji4"></div>
		<div id="element5" class="emoji5"></div>
	</div>
</div>
<script>
	$(function() {
		$("#element1").emojiRating({
			emoji: 'U+270C',
			fontSize: 80,
			count: 5
		});
		$("#element2").emojiRating({
			emoji: 'U+2764',
			fontSize: 80,
				count: 5
		});
		$("#element3").emojiRating({
			emoji: 'U+1F604',
			fontSize: 80,
				count: 6
		});
		$("#element4").emojiRating({
			emoji: 'U+1F680',
			fontSize: 80,
				count: 8
		});
		$("#element5").emojiRating({
			emoji: 'U+2B50',
			fontSize: 80,
				count:10
		});
	});
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
admin
admin :  不错
2018-08-28 13:11:20
admin 回复 admin:asdasdasd
2018-08-28 13:13:20


热门标签: 滑动 滑块 滑动门 触屏滑动 滑动插件 滑块插件 滑动星星打分 其他 滑动星星打分 鼠标滑过 鼠标悬停 跟随鼠标移动 表情 qq表情 表情插件 星星打分 星星评分 评分

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到