选项卡--原生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;
     ...
 }

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