スコアの五角星をマウスで移動して表示します.

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;
                }
            }
        }