JavaScript如何实现星级评分

这篇文章主要介绍了JavaScript如何实现星级评分,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

10年积累的网站制作、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有息县免费网站建设让你可以放心的选择与我们合作。

事件onmouseover

 JavaScript星级评分  *{margin:0;padding:0;} .wrapper{height:20px;padding:5px;width:130px;margin:100px auto 10px;}   function ArrayIndexOf(arr, element) { for (var i = 0; i < arr.length; i++) { if (arr[i] == element) { return i; } } return -1; } function GetTds() { var tbl = document.getElementById("tblMain"); var tds = tbl.getElementsByTagName("td"); return tds; } function InitEvent() { var tds=GetTds(); for (var i = 0; i < tds.length; i++) { var td = tds[i]; td.onmouseover = TdOnclick; td.style.cursor = "pointer"; } } function TdOnclick() { var tds = GetTds(); var index = ArrayIndexOf(tds, this); for (var i = 0; i <=index; i++) { var td = tds[i]; td.innerHTML = "★"; } for (var j = index + 1; j < tds.length; j++) { var td = tds[j]; td.innerHTML = "☆"; } } ☆☆☆☆☆

感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript如何实现星级评分”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享文章:JavaScript如何实现星级评分
标题网址:http://azwzsj.com/article/ipsojs.html