隔行變色實現方法

##具體操做以下this

for (var i = 0; i < oLis.length; i++) {
        oLis[i].style.background = i % 2 ? 'blue' : 'red';
        olis[i].myindex = i;
        oLis[i].onmouseenter = function () {
            col = this.style.background;
            this.style.background = 'black'
        }
        oLis[i].onmouseleave = function () {
            this.style.background = col;
        }
        oLis[i].onclick = function () {
            alert(`我是第${this.myindex + 1}個li`)
        }
    }
    
第一步 咱們須要獲取到 body裏面的li 給他一個對應的olis·
而後咱們 i%2 獲得的是偶數  偶數給他設置一個顏色,反之奇數,則設置另外一種顏色
實現 隔行變色
最後是彈出提示效果
須要添加一個鼠標事件,我是第x行 或者第幾個 li。
由於從索引0開始,因此須要+1 顯示第一行複製代碼
相關文章
相關標籤/搜索