jQuery基于unicode表情字符星級評分代碼



78 308 103



特效描述: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

加群請備注:從官網了解到

老夫子电子