网页tab竖向选项卡ui设计色调：浅蓝色，网友建议这个网页选项卡ui在未选中的时候使用单色图标，你认为那？懒人建站也认为这一点值得考虑。

代码简洁的滑动门（tab）jquery插件调用方法："#tabs",".tab_con" 这里的#tabs是jquery选项卡的链接按钮的外层ID，只要注意这两个地方调用就不会错。一个页面可以多次使用。

基于jquery的横向水平切换选项卡，此效果来自zaplee.com ，代码已经做了最大的精简，只保留框架必须部分的HTML结构和样式。建议在固定宽度的情况下使用。特别是适合于流程性的栏目。

一个基于jquery的DIV横向水平左右折叠选项卡，默认显示第二个选项。

一个类似网易的排行榜tab选项卡特别版JS代码。div结构。

原雅虎（yahoo.com）首页的tab选项卡切换效果， 经测试 IE6、IE7、IE8、火狐 均兼容 正常。 div dl dt dd 结构。 效果如图： 说明： 样式中的 font: 12px/30px 宋体; 是一个样式缩写：字号/行高 字

灰色带图标的滑动门选项卡，DIV/UL/LI结构。代码简洁，结构明了。需要根据你自己的需要修改图片和样式。样式是仿的一个微软设计师网站上的样式。

只能自动切换的竖向选项卡代码，JS代码均有注释，不多哆嗦。 建议：自动切换的时间稍微长一点，不让切换太快不太好。

HTML+CSS结构，JS代码极少的滑动门选项卡； 当然界面也是很简陋，需要你根据自己的需要修饰完善。

一个纯HTML+CSS实现的类似微软中国首页的竖向选项卡。老外写的代码全是英文。 结构良好，部分代码如下：

CSS选项卡：行为结构表现分离的CSS选项卡原型。

CSS选项卡：CSS选项卡：竖向的标准结构选项卡，可改造成类似微软首页的竖向选项卡。

CSS选项卡：你什么都不要做，你会看到选项卡在自己切换，当然你也可以点击切换。

CSS选项卡：CSS+js div ul 结构选项卡，符合标准结构。自行修改外观等符合自己的需求。

购物网站上的滑动门，可以定义某个TAB是否滑动