链式编程-评分控件

来源:互联网 发布:淘宝旺旺客服代码 编辑:程序博客网 时间:2024/05/22 00:13

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>评分控件</title>
    <script src="js/jquery-1.5.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //$("#PF td").html("<img src='images/black.gif'/>").mouseover(function () {
            //    $("#PF td").html("<img src='images/red.gif'/>");
            //    $(this).nextAll().html("<img src='images/black.gif'/>")
            //});

            //另一种实现方法
            $("#PF td").html("<img src='images/black.gif'/>").mousemove(function () {
                $("#PF td").html("<img src='images/red.gif'/>");
                $(this).siblings().html("<img src='images/red.gif'/>");
                $(this).nextAll().html("<img src='images/black.gif'/>")
            });
//            $("#PF td").mouseout(function () {
//                $("#PF td").html("<img src='images/black.gif'/>");
//            })
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="PF">
            <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

原创粉丝点击