无为清净楼资源网 Design By www.qnjia.com
本文实例讲述了javascript鼠标滑动评分控件。分享给大家供大家参考。具体实现方法如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript鼠标滑动控件</title> <script type="text/javascript"> function ArrayIndexof(arr, inElement) { for (var i = 0; i < arr.length; i++) { if (arr[i] == inElement) { return i; } } return -1; } function GetTDS() { var tbl = document.getElementById("tblMain"); var tds = tbl.getElementsByTagName("td"); return tds; } function iniEvent() { var tds = GetTDS(); for (var i = 0; i < tds.length; i++) { td = tds[i]; td.onmouseover = TdOnMouseOver; } var tbl = document.getElementById("tblMain"); tbl.onmouseout = TableMouseOut; } function SetRating(tdTmp) { var tds = GetTDS(); var index = ArrayIndexof(tds, tdTmp); for (var i = 0; i <= index; i++) { td = tds[i]; td.innerHTML = "★"; } for (var i = index + 1; i < tds.length; i++) { td = tds[i]; td.innerHTML = "☆"; } } function TdOnMouseOver() { SetRating(this); } //鼠标离开表格后自动清除 function TableMouseOut() { var tds = GetTDS(); for (var i = 0; i < tds.length; i++) { td = tds[i]; td.innerHTML = "☆"; } } </script> </head> <body onload="iniEvent()"> <table id="tblMain" border="1"> <tr> <td>☆</td> <td>☆</td> <td>☆</td> <td>☆</td> <td>☆</td> </tr> </table> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
暂无评论...
更新日志
2024年11月20日
2024年11月20日
- 柏菲·珞叔作品集《金色大厅2》限量开盘母带ORMCD[低速原抓WAV+CUE]
- Gareth.T《sad songs(Explicit)》[320K/MP3][29.03MB]
- Gareth.T《sad songs(Explicit)》[FLAC/分轨][152.85MB]
- 证声音乐图书馆《海风摇曳·盛夏爵士曲》[320K/MP3][63.06MB]
- 龚玥《金装龚玥HQCD》头版限量[WAV分轨]
- 李小春《吻别》萨克斯演奏经典[原抓WAV+CUE]
- 齐秦《辉煌30年24K珍藏版》2CD[WAV+CUE]
- 证声音乐图书馆《海风摇曳·盛夏爵士曲》[FLAC/分轨][321.47MB]
- 群星 《世界经典汽车音乐》 [WAV分轨][1G]
- 冷漠.2011 《冷漠的爱DSD》[WAV+CUE][1.2G]
- 陈明《流金岁月精逊【中唱】【WAV+CUE】
- 群星《Jazz-Ladies1-2爵士女伶1-2》HQCD/2CD[原抓WAV+CUE]
- 群星《美女私房歌》(黑胶)[WAV分轨]
- 郑源.2009《试音天碟》24BIT-96KHZ[WAV+CUE][1.2G]
- 飞利浦试音碟 《环球群星监听录》SACD香港版[WAV+CUE][1.1G]