<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>点亮星星评分</title>
</head>
<body onload="test()">
<table id ="czy">
<tr>
<td>★</td><td>★</td><td>★</td><td>★</td><td>★</td>
</tr>
</table>
<input type="button" id="ok" value="打分">
<script>
tds=document.getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
tds[i].onmouseover=test;
}
var index;
function test(){
for(var i=0;i<tds.length;i++){
if(tds[i]==this)
{
index=i;
}
}
for(var i=0;i<=index;i++) {
tds[i].style.color = "red";
}
for(var i=index+1;i<tds.length;i++){
tds[i].style.color="black";
}
}
document.getElementById("ok").onclick=function(){
alert("评分："+(index+1)+"分");
}
</script>
</body>
</html>JS - 点亮星星评分
猜你喜欢
转载自blog.csdn.net/lm1022/article/details/79422411
今日推荐
周排行