javascript實作tabs選項卡切換效果(自寫原生js)_javascript技巧

複製代碼



複製代碼



複製代碼


程式碼如下:









a{color:#a0b3d6;}
.tabs{border:1px solid #a0b3d6;margin:100px;width:300px;}
tabs-nav a.tabs-nav a.tabs-nav a.tabs-nav a.tabs-nav a.tabs-nav a.tabs-nav a. {background:#eaf0fd;line-height:30px;padding:0 20px;display:inline-block;border-right:1px solid #a0b3d6;border-bottom:1px solid #a0b3d6;float:left; tabs-nav .on{background:white;border-bottom:1px solid white;_position:relative;}
.tabs-content{padding:20px;border-top:1px solid #a0b3d6;margin-top:-1px ;}

1111111111111111111111111111111111

33333333333333333333333333333333333333333