求教

Question

用jquery写的评分规则，代码如下：
 $(function () {
            $("#star td").html('<img src="../Images/starEmpty2.PNG" />').mouseover(function () {
                var selectLen = $("#star td:checked").length;
                $("#star td").html('<img src="../Images/starFull2.PNG" />');
                $(this).html('<img src="../Images/starHalf2.PNG" />');
                $(this).nextAll().html('<img src="../Images/starEmpty2.PNG" />');
            });
        })
<table>
    <tr id="star">
    <td></td><td></td><td></td><td></td><td></td>
    </tr>
</table>
要求效果：一般网页上的评分效果，当前图片为Full，然后为Half，最后为Full

Answer 1

我以前做过，代码在公司，但是切图跟你的不一样，只能提供思路
1.<td></td><td></td><td></td><td></td><td></td>添加mouseover mouseout事件
2.mouseover中把该元素和前面的<td>都使用starFull2.PNG（不要用<img>,使用<td style="fullclass"> .fullclass{background属性中中放上背景图片}），该元素后td都使用starEmpty2.PNG 即emptyclass
3 mouseout 中展示该内容的得分，根据分数来算需展示的星星，包括starHalf2.PNG 半个星星，算法如2类似，取分值的整数展示starfull,下一个td中 小数 <0.25无starHalf,>0.25 && <0.75 展示starHalf，>0.75 展示starfull，之后td展示starempty
4 您给的分太少了啊