html js切换tab,原生js实现tab切换

*{margin:0;padding:0}

a{ display:inline-block;*display:inline;zoom:1;padding:5px 15px; background:#ccc; margin-right:10px}

.hide{ display:none}

.show{ display:block}

123

内容1
内容2
内容3

var btn=document.getElementsByTagName("a"),box=document.getElementsByTagName("div");

for(var i=0;i

function tab(n){

btn[n]. for(var j=0;j

box[j].className="hide";

}

box[n].className="show";

}

}

tab(i)

}

var btn=document.getElementsByTagName("a"),box=document.getElementsByTagName("div");

for(var i=0;i

(function(_i){

btn[_i]. //利用js闭包实现tab切换

for(var j=0;j

box[j].className="hide";

}

box[_i].className="show";

}

})(i);

}

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值