スコアの五角星をマウスで移動して表示します.
1414 ワード
JSコードは、五角星をマウスに合わせて評価して表示します.(マウスを五角星に置いた時の前に黒い五角星が表示され、後ろに白い五角星が表示されます.)
function wjx() {
var Warp = document.getElementById("warp");
var Lis = Warp.getElementsByTagName("li");
for (var i = 0; i < Lis.length; i++) {
var oLi = Lis[i];
oLi.style.cursor = 'pointer';//cursor
oLi.onmouseover = function () {
var index = indexof(Lis, this);
for (var j = 0; j <= index; j++) {
Lis[j].innerHTML = "★";
}
for (var z = index + 1; z < Lis.length; z++) {
Lis[z].innerHTML = "☆";
}
}
}
function indexof(arr, element) {
for (var i = 0; i < arr.length; i++) {
if (arr[i] == element)
return i;
}
}
}
- ☆
- ☆
- ☆
- ☆
- ☆