星空网 > 软件开发 > Java

商品评分效果JavaScript

<script>  window.onload=function(){      //----------选中的星星会多出一个属性:isClick="true" 藉此来获取评分----------  //获取所有 "星星" 集合  var tds=document.getElementsByTagName("td");  var startIndex=0;  for(var i=0;i<tds.length;i++){    //设置评分分数和索引    for(var j=0;j<tds.length;j++){      tds[j].setAttribute("score",j+1);     //代表的评分分数改这里(默认是1-5分)      tds[j].setAttribute("index",j);    }    //设置onmouseover事件    tds[i].onmouseover=function(){      for(var j=0;j<tds.length;j++){        tds[j].innerHTML="★";         //样式改这里        if(this==tds[j]){          break;        }      }    };    //设置onmouseout事件    tds[i].onmouseout=function(){      for(var j=startIndex+1;j<tds.length;j++){        tds[j].innerHTML="☆";        //样式改这里      }    };    //设置单击事件    tds[i].onclick=function(){      for(var j=0;j<tds.length;j++){        tds[j].removeAttribute("isClicked");      }      this.setAttribute("isClicked","true");      //记录选中星星索引      startIndex=parseInt(this.getAttribute("index"));    };  }  //-----------------------------------------------OVER---------------------------------------------};</script><table summary='评分'>      <tr>      <td>☆</td>      <td>☆</td>      <td>☆</td>      <td>☆</td>      <td>☆</td>    </tr>

代码不难就不解释了,可直接拿过去用。按照注释可以很快修改样式。  原定是这样的:商品评分效果JavaScript

代码预览不会弄,提供源代码下载:网页评分代码下载 密码:u0v2 。若是链接失效请联系我,我会尽快处理。




原标题:商品评分效果JavaScript

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

tiktok菲律宾下载:https://www.goluckyvip.com/tag/83720.html
下载国际版tiktok:https://www.goluckyvip.com/tag/83721.html
tiktok新版下载:https://www.goluckyvip.com/tag/83722.html
tiktok安全下载:https://www.goluckyvip.com/tag/83723.html
tiktok港区下载:https://www.goluckyvip.com/tag/83724.html
国内tiktok下载:https://www.goluckyvip.com/tag/83725.html
从园岭新村到大梅沙海滨总站坐什么车:https://www.vstour.cn/a/363191.html
七月份适合去日本旅游吗 7月份去日本哪里好玩:https://www.vstour.cn/a/363192.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流