部分代码:
<p class="title">半颗星评分</p>
<div id="startone" class="block clearfix" >
<div class="star_score"></div>
<p style="float:left;">您的评分:<span class="fenshu"></span> 分</p>
<div class="attitude"></div>
</div>
<p class="title">1颗星评分</p>
<div id="starttwo" class="block clearfix">
<div class="star_score"></div>
<p style="float:left;">您的评分:<span class="fenshu"></span> 分</p>
</div>
<script type="text/javascript" src="js/startScore.js"></script>
<script>
scoreFun($("#startone"))
scoreFun($("#starttwo"),{
fen_d:22,//每一个a的宽度
ScoreGrade:5//a的个数 10或者
})
</script>
<p class="title">分数展示</p>
<ul class="show_number clearfix">
<li>
<div class="atar_Show">
<p tip="2.5"></p>
</div>
<span></span>
</li>
<li>
<div class="atar_Show">
<p tip="3.5"></p>
</div>
<span></span>
</li>
<li>
<div class="atar_Show">
<p tip="5"></p>
</div>
<span></span>
</li>
</ul>
<script>
//显示分数
$(".show_number li p").each(function(index, element) {
var num=$(this).attr("tip");
var www=num*2*16;//
$(this).css("width",www);
$(this).parent(".atar_Show").siblings("span").text(num+"分");
});
</script>
演示地址:http://no-if.com/Public/startScore/index.html
下载地址:见附件
提取码:o3sj