html实现点击切换页面,JavaScript实现的简单Tab点击切换功能示例

本文实例讲述了JavaScript实现的简单Tab点击切换功能。分享给大家供大家参考，具体如下：

www.jb51.net tab点击切换

*{

padding: 0;

margin: 0;

}

#example{

width: 500px;

height: 400px;

margin: 0 auto;

}

#example .hd ul li{

display: inline-block;

width: 32%;

height: 36px;

line-height: 36px;

border-radius: 5px;

background-color: #333;

text-align: center;

color: #fff;

}

#example .hd ul li.current{

background-color: green;

}

#example .bd{

border: 1px solid #ccc;

border-radius: 5px;

}

#example .bd ul li{

display: none;

}

#example .bd ul li.current{

display: block;

}

• Beijing