js+css实现星级评分(支持小数点后一味)

最近在学php，要整一个星级评分的效果的，找了很久，找到一个非常好的js实例。支持小数点一味显示，像百度啥的，都啥半分的。不爽！！要么就来3.8分，哈哈……

原理上，是采用js+css实现，先整一张图片，如图<div class="user_rate">
<div class="big_rate_bak">
<b rate="2" onclick="javascript:up_rate(20);"> </b>
<b rate="4" onclick="javascript:up_rate(40);"> </b>
<b rate="6" onclick="javascript:up_rate(60);"> </b>
<b rate="8" onclick="javascript:up_rate(80);"> </b>
<b rate="10" onclick="javascript:up_rate(100);"> </b>
<div class="big_rate_up"></div>
</div>
<p><span id="s" class="s"></span><span id="g" class="g"></span></p>
</div>[/code]最终实现效果：



，漂亮吧！