在网页建造中，页面有些部分内容经常会有良多要展现，而为了页面雅观或展现职位不敷多，必要近似选项卡切换效果来展现更多的内容。
页面效果如图：

点击切换后效果如图：

html构造如图：

css如图：

js如图：

demo引入了jQuery插件，选项卡切换只写了三个便于好了解，顶部的导航分类默许第一个选中效果(类名on)，对应下面的内容块第一个(类名on)，点击导航分类时，为以后点击的标签li增加默许的类名on(addClass)，其他的同级标签li(siblings)删除类名on(removeClass)，高端网站定制，在得到以后点击的li标签的下标($(this).index()),经由过程下标值为三个内容块中对应的内容块增加类名on(addClass)，其他的(siblings)删除类名on(removeClass)。