javascript模拟评分控件实现方法
本文实例讲述了javascript模拟评分控件实现方法。分享给大家供大家参考。具体实现方法如下：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动态设置style(评分效果)</title> <script type="text/javascript"> //查找一个元素在数组中的索引位置 function ArrayIndexOf(arr, element) { for (var i = 0; i < arr.length; i++) { if (arr[i] == element) { return i; } } return -1; } function IniEvent() { var tbl = document.getElementById("tblRating"); var tds = tbl.getElementsByTagName("td"); for (var i = 0; i < tds.length; i++) { var td = tds[i]; td.onclick = tdOnClick; td.style.cursor = "pointer"; //设置光标手型 } } function tdOnClick() { var tbl = document.getElementById("tblRating"); var tds = tbl.getElementsByTagName("td"); //查找当前点击的td的索引 var index = ArrayIndexOf(tds, this); //之前的td改为红色 for (var i = 0; i <= index; i++) { tds[i].style.background = "red"; } //之后的td改为白色 for (var i = index + 1; i < tds.length; i++) { tds[i].style.background = "white"; } } </script> </head> <body onload="IniEvent()"> <table id="tblRating"> <tr> <td>☆</td> <td>☆</td> <td>☆</td> <td>☆</td> <td>☆</td> </tr> </table> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JavaScript模拟实现继承的方法，包括了JavaScript模拟实现继承的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript模拟实现继承的方法。分享给大家供大家参考。具体分析如下： 我们都知道，在JavaScript中只能模拟实现OO中的"类"，也就意味着，在JavaScript中没有类的继承。我们也只能通过在原对象里添加或改写属性来模拟实现。 先
-
本文向大家介绍javascript实现模拟时钟的方法，包括了javascript实现模拟时钟的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript实现模拟时钟的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JavaScript实现MIPS乘法模拟的方法，包括了JavaScript实现MIPS乘法模拟的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript实现MIPS乘法模拟的方法。分享给大家供大家参考。具体如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
星形评分控件，采用 core graphics实现，按分值百分比任意比例填充每一颗星星。与其他评分控件不一样的是，采取拖动slider的方式进行填充星星。 [Code4App.com]
-
本文向大家介绍javascript鼠标滑动评分控件完整实例，包括了javascript鼠标滑动评分控件完整实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript鼠标滑动评分控件。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍javascript无刷新评论实现方法，包括了javascript无刷新评论实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript无刷新评论实现方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。