淡蓝色竖向简洁Tab，选项卡，很多人都喜欢的一种风格。

这是一个基于表格的Tab，比较传统的方式完成的，配合了JavaScript技术，不懂CSS的朋友正好 可以适合您，没有用到CSS因此也就可以不考虑兼容性问题，在其它浏览器下也表现良好。

完全用Js输出的Tab选项卡，具体一点来说，就是用JavaScript的innerHTML输出的HTML代码，这个要看用途了，一般我们不这样弄，不过如果是在调用JS文件的时候，这个就派上用场了。

有间隔空隙带“更多”字样的选项卡，完全是由JS控制的，内容也写在JS的数组里，这样便于从外部调用JS文件，这样做有优点也有缺点，看你的实际需求了。

简洁TAB效果，一个网页同时出现选项卡和动门的代码，有一些朋友问到了这个问题，现在这段代码可以帮你开拓一下思路。颜色搭配是随便弄的，请自己调整一下。

一个横排的清新选项卡，在一个页面布局两个，把上面的two复制，把two改成three，或任何一个不同名的id。代码中含有丰富注释，应该都能看懂的，淡蓝色风格，也是使用比较多的一种，希望大家喜欢，同时也为一些朋友不知如何在同一页布局多个选项卡提供一个参考实例。

仿Windows风格的选项卡，灰色有立体感的选项卡，示例内容是用JS控制输出，只是为了演示功能，你在用的时候完全可以去掉的。

一道面试题，当场用纯CSS编写一个当前流行的网页选项卡，看似简单的功能，但要立即当着那么多人的面，还没有任何工具可以借助，能完成写出来，实属不易啊，支持一下。

这是一个非常好的实用菜单整合特效，有多级下拉菜单、仿东京商城的拉出式菜单、仿Windows的右键菜单，仿淘宝的标签Tab菜单，每一个都是精彩，代码中附有丰富的注释，便于你的学习和修改。

行为、结构、表现分离的CSS选项，仅供学习参考，使用时候可能会有问题，因为这种写法需要DIV ID和 a的名称要一致，否则看不到效果，如果你的ID是中文，那就惨了!< 2/DTD/xhtml1-s

Windows 风格的选项卡标签，主要是指颜色和样式风格和系统的几乎是一样的，只不过这是用JS模拟的，作者水平真高哦，如果你想建立一个仿WINDOWS一样的网页的话，这种风格值得借鉴的。

来自日本门户网站的一款CSS+JavaScript选项卡导航菜单，银灰色风格，看来日本人和中国人的审美是接近的，都喜欢这种风格，如果你要用的话，直接拷贝代码部分到你的网页中，注意你需要修改编码才行，日本的编码和中国可是不一样哦。 日本门户网

自己写的CSS滑动门，蓝色经典风格，没有使用任何的修饰图片，清新自然，网户网站都在用，个人感觉还行吧。

横向、竖向人两个选项卡，其卡片内容是一样的，只不过多了一个操作途径，当点击一个选项卡的时候，另一个选项卡同样会指示出当的选项卡位置，也就是两者的功能是相同的，很巧妙的布局方法。

大家都知道，滑动门和选项卡在布局和结构方面几乎是一样的，唯一不同的是触发方式，这个是由JavaScript决定的，大致来讲就是将onmouseover改为onclick就行了，本款选项卡以前是款比较流行的滑动门，现在改成了选项卡，大家看看有什么区别。

JavaScript配合CSS制作一个能自动 切换的网页选项卡,每隔一段时间,它就自动切换选项卡列表和标题,时间自设,这里要注意,用于产生changeTabInterval的随机数，防止页面上TabPane过多，如果设置的changeTabInterval都一样的话会产生整齐划一的切换的效果，不美观.

这一个特效将网页中的选项卡滑动门都集中到一个网页中来，有些同志曾经为同一个页面布置两个滑动门而烦恼，参考一下本例子，相信你会找到答案，而且有各种排列方式的选项卡，总有一款会满足你。

这是一个类似选项卡功能的选择插件，与普通的TAb区别是加入了动画效果，多用于商品类网站，用作商品分类功能，不过其它网站也可以用，点击运行一下你会知道它的奥妙，它用JavaScript模拟出了Flash动画的效果，很贴切。

竖向选项卡系列之一，蓝色简约型，只有线条修饰，没有使用任何图片，移植方便，拷贝即可用，有些地方还需完善。

自己封装了一个选项卡Tab的雏形，鼠标放上去就看到效果了，没有修饰，显得有些粗糙。这里说明一下用法：修改部分 tabs(nav,bb) nav bb对应导航和内容的id，脚本首行 tag1，tag2是对应标签名 addclass是鼠标一上去的导航样式 checkNav