jQuery有评论的滑动星星打分代码



71 280 94



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

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