jQuery有評論的滑動星星打分代碼



75 297 100



特效描述:jQuery有評論 滑動星星打分,jQuery有評論的滑動星星打分代碼

代碼結構

1. 引入CSS

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

2. 引入JS

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

3. HTML代碼

<!--代碼開始-->
<div class="xzw_starSys">
	<div class="xzw_starBox">
		<ul class="star stars">
			<li><a href="javascript:void(0)" title="1" class="one-star">1</a></li>
			<li><a href="javascript:void(0)" title="2" class="two-stars">2</a></li>
			<li><a href="javascript:void(0)" title="3" class="three-stars">3</a></li>
			<li><a href="javascript:void(0)" title="4" class="four-stars">4</a></li>
			<li><a href="javascript:void(0)" title="5" class="five-stars">5</a></li>
		</ul>
		<div class="current-rating showb"></div>
	</div>
	<!--評價文字-->
	<div class="description"></div>
	<!--評價選項-->
	<div class="option">
	  <ul class="option-con clearfix">
	  	<li><a href="">全是亂碼</a></li>
	  	<li><a href="">標題和內容不符</a></li>
	  	<li><a href="">答案很多錯誤</a></li>
	  	<li><a href="">沒有配圖</a></li>
	  	<li><a href="">沒有答案</a></li>
	  </ul>
	  <ul class="option-con clearfix" style="display:none">
	  	<li><a href="">掃描版有些模糊</a></li>
	  	<li><a href="">圖片不清晰</a></li>
	  	<li><a href="">答案不完整</a></li>
	  	<li><a href="">沒有解析</a></li>
	  	<li><a href="">教材版本不符</a></li>
	  </ul>
	  <ul class="option-con clearfix" style="display:none">
	  	<li><a href="">湊活能用</a></li>
	  	<li><a href="">重復率高</a></li>
	  	<li><a href="">沒有排版</a></li>
	  	<li><a href="">解析有錯誤</a></li>
	  	<li><a href="">資料不夠豐富</a></li>
	  </ul>
	  <ul class="option-con clearfix" style="display:none">
	  	<li><a href="">不太需要編輯</a></li>
	  	<li><a href="">資料有深度</a></li>
	  	<li><a href="">資料有創新</a></li>
	  	<li><a href="">還不錯呦</a></li>
	  	<li><a href="">資料很合適</a></li>
	  </ul>
	  <ul class="option-con clearfix" style="display:none">
	  	<li><a href="">完美!</a></li>
	  	<li><a href="">拿來就能用</a></li>
	  	<li><a href="">精心制作</a></li>
	  	<li><a href="">解析非常好</a></li>
	  	<li><a href="">編排精美</a></li>
	  </ul>
	</div>
	<div class="prompt">請為資料打星</div>
</div>
<!--代碼結束-->



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


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 滑動星星打分 其他 滑動星星打分 星星打分 星星評分 評分
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

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