純css3鼠標滑過星星打分特效代碼



93 369 124



特效描述:純css3 鼠標滑過 星星打分特效代碼,純css3鼠標滑過星星打分特效代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">

2. HTML代碼

<div class="star-rating">
	<fieldset>
		<input type="radio" id="star5" name="rating" value="5" /><label for="star5" title="Outstanding">5 stars</label>
		<input type="radio" id="star4" name="rating" value="4" /><label for="star4" title="Very Good">4 stars</label>
		<input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="Good">3 stars</label>
		<input type="radio" id="star2" name="rating" value="2" /><label for="star2" title="Poor">2 stars</label>
		<input type="radio" id="star1" name="rating" value="1" /><label for="star1" title="Very Poor">1 star</label>
	</fieldset>
</div>
<h1>css3 星星打分</h1>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 滑動星星打分 其他 滑動星星打分 鼠標滑過 鼠標懸停 跟隨鼠標移動 星星打分 星星評分 評分
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

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

湖北30选5开奖结果走势图表