CSS+JS实现tab标签切换_html/css_WEB-ITnose

实现tab标签切换比较简单，下面先看看我实现的效果：

我主要实现了：

1、tab之间的相互切换；

2、显示选中的tab

下面看看实现代码：

css：

html,body,div{    font-size: 12px;    font-family:"Arial";}.tab-ui{    width: 400px;    height: 300px;    position: relative;}.tab-title{    border-top-right-radius:8px;    float: left;    border: solid 1px #7EABCD;    background: #c5dbec;    padding: 5px;    font-weight: bold;    color: #ffffff;    margin: 1px;}.tab-title:hover{    cursor: pointer;}.tab-title-active{    background: #7EABCD;}.content{    width: 100%;    height: 100%;    position: absolute;    top: 27px;    left: 1px;}.tab-content{    padding: 10px;    border: solid 1px #c5dbec;} 

js：

function show(total,active){    for(var i=1;i 

html：

             TAB切换标签                   
    
        
            法家简介

      
查看更多关于CSS+JS实现tab标签切换_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did106709