zoukankan      html  css  js  c++  java
  • tab 切换写法

    <script>
            var oUL = document.getElementById('aboutTab-ul');
            var oLi = oUL.getElementsByTagName('li');
            var oDiv = document.getElementById('aboutTab-content');
            var oContent = oDiv.querySelectorAll('.tab-content');

            for (var i = 0; i < oLi.length; i++) {
                oLi[i].index = i;
                oLi[i].onclick = function() {
                    for (var i = 0; i < oLi.length; i++) {
                        oLi[i].className = '';
                        oContent[i].className = 'tab-content';
                    }
                    this.className = 'cur';
                    oContent[this.index].className += " active";
                }
            }
        </script>

    //第二种写法

    var oUL = document.getElementById('foodTab-ul');
    var oLi = oUL.getElementsByTagName('li');
    var oDiv = document.getElementById('foodTab-content');
    var oContent = oDiv.querySelectorAll('.tab-content');

    for (var i = 0; len = oLi.length, i < len; i++) {
        oLi[i].index = i;
        oLi[i].onclick = (function(i) {
            return function() {
                for (var i = 0; i < oLi.length; i++) {
                    oLi[i].className = '';
                    oContent[i].className = 'tab-content';
                }
                this.className = 'cur';
                oContent[this.index].className += " active";
            };
        })(i);
    };


  • 相关阅读:
    django序列化器Serializers
    django中模型类变更问题
    django图书管理系统-外键字段的增删改查
    django图书管理系统模型创建
    django中使用KindEditor上传图片
    成长
    git提交代码的经验
    react项目打包
    node——moudle
    git
  • 原文地址:https://www.cnblogs.com/Alan2016/p/6259262.html
Copyright © 2011-2022 走看看