html5实现tab切换效果代码,HTML5实现Tab切换（通过js代码）

这篇文章给大家介绍的内容是关于HTML5实现Tab切换(通过js代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

javascript实现Tab切换

*{padding:0px;margin:0px;}

ul li {

cursor:pointer;

float:left;

width:100px;

height:30px;

line-height:30px;

text-align:center;

background-color:#fff;

border:1px #bbb solid;

border-bottom:none;

}

ul li.fli {

background-color:#ccc;

color:red;

}

ul {

overflow:hidden;

list-style:none;

}

#tab_con {

width:304px;

height:200px;

}

#tab_con p{

width:304px;

height:200px;

display:none;

border:1px #bbb solid;</