View Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>網站評分特效</title>
<style type="text/css">
*
{
font-size: 50px;
}
</style>
<script language="javascript" type="text/javascript">
function indexOf(arr, element) { //在Js中自己寫indexOf方法；
for (var i = 0; i < arr.length; i++) {
if (arr[i] == element) {
return i;
}
}
return -1;
function CommentLevel() {
var CommentLevel = document.getElementById("CommentLevel");
var tds = document.getElementsByTagName("td"); //擷取CommentLevel表格下的td，不處理其他表格中的td;
for (var i = 0; i < tds.length; i++) {
var td = tds[i]; //擷取每個td;
td.onmouseover = TdOnClick;
td.style.cursor = "pointer";
function TdOnClick() {
var index = indexOf(tds, this); //擷取目前點選位置；
for (var i = 0; i <= index; i++) { //點選之前的都變紅；
tds[i].innerText="";
for (var i = index + 1; i < tds.length; i++) { //點選之後的是白色；
</script>
</head>
<body onload="CommentLevel()">
<table id="CommentLevel">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>