评分效果（错的）

最新推荐文章于 2025-08-10 06:12:57 发布

weslee1

最新推荐文章于 2025-08-10 06:12:57 发布

阅读量369

点赞数

CC 4.0 BY-SA版权

文章标签： generator function html table

本文链接：https://blog.youkuaiyun.com/weslee1/article/details/6724462

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 评分效果V2.0 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">

function indexOf(arr,element)
{
for(var i=0;i<arr.length;i++)
{
if(arr[i]==element)
{
return i;
}
}
return -1;//找不到元素
}
function initEvent()
{
var rating = document.getElementById("rating");
var tds = document.getElementsByTagName("td");
for (var i=0;i<tds.length;i++ )
{
var td = tds[i];
td.style.cursor = 'pointer';//加手型
td.onmouseover = function () {
var rating = document.getElementById("rating");
var tds = document.getElementsByTagName("td");
var index =indexOf(tds,this);
for (var i=0 ;i<=index ;i++ )
{

tds[i].innerText ='★';

}
for (var i=index +1; i<=tds.length ; i++ )
{
tds[i].innerText ='☆';
}
};
}

}

</script>
</head>

<body onload="initEvent()">
<table id="rating"><tr><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td></tr></table>
</body>
</html>