一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JavaScript实现星级评分的教程

时间:2017-01-14 编辑:简简单单 来源:一聚教程网

事件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

    if (arr[i] == element) {

     return i;

    }

   }

   return -1;

  }

  function GetTds() {

   vartbl=document.getElementById("tblMain");

   vartds=tbl.getElementsByTagName("td");

   return tds;

  }

  function InitEvent() {

   vartds=GetTds();

   for (vari=0; i < tds.length; i++) {

    vartd=tds[i];

    td.onmouseover=TdOnclick;

    td.style.cursor="pointer";

   }

  }

  function TdOnclick() {

   vartds=GetTds();

   varindex=ArrayIndexOf(tds, this);

   for (vari=0; i <=index; i++) {

    vartd=tds[i];

    td.innerHTML="★";

   }

   for (varj=index+ 1; j < tds.length; j++) {

    vartd=tds[j];

    td.innerHTML="☆";

   }

  }

 

热门栏目