选项卡--原生js

比较基础的一个特效，毕业设计要做一些记录，就把这些都记下来吧，万一用到的时候忘了呢

function changeTab() {
    let navs = document.getElementsByTagName("li");
    for (let i = 0; i < navs.length; i++) {
        (function (i) {
            navs[i].onclick = function () {
                for (let j = 0; j < navs.length; j++) {
                    // 取消所有的 active 属性
                    navs[j].className = "";
                    // do something
                }
                // 给当前点击对象添加 active 属性
                this.className = "active";
                // do something
            }
        })(i);
    }
}

关于选中时样式的改变……添加个active就好了吧

.active {
    // 各种样式
    // eg.
    background: red;
    color: #fff;
    ...   
}

呃……感觉就这些，拿小本本记下(^-^)