首页 > 编程语言 > 详细

JavaScript复习--评分控件(类似于淘宝给好差平的星星)

时间:2014-03-15 02:07:14      阅读:484      评论:0      收藏:0      [点我收藏+]

 <script type="text/javascript">
        function indexOf(tdds,element)
        {
            for (var i = 0; i < tdds.length; i++)
            {
                if (tdds[i] == element)
                {
                    return i;
                }
            }
        }

        function InitEvent()
        {
            var tds = document.getElementsByTagName("td");
            for (var i in tds)
            {
                var td = tds[i];
                td.onmouseover=function()
                {
                    var index = indexOf(tds, this);

                    for (var j = 0; j <= index; j++) {
                        tds[j].innerText = "★";
                    }

                    for (var k = index + 1; k < tds.length; k++) {
                        tds[k].innerText = "☆";
                    }
                }
            }
        }
    </script>
</head>
<body onload="InitEvent();">
    <table>
        <tr><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td></tr>
    </table>
</body>

JavaScript复习--评分控件(类似于淘宝给好差平的星星),布布扣,bubuko.com

JavaScript复习--评分控件(类似于淘宝给好差平的星星)

原文:http://www.cnblogs.com/fanshaomin/p/3601341.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!