最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JavaScript实现星级评分的教程
时间:2017-01-14 编辑:简简单单 来源:一聚教程网
事件onmouseover
代码如下 | 复制代码 | |||||
*{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="☆";
}
}
|