lt！doctype html public quotw3cdtd xhtml 10 transitionalenquot quotdtdxhtml1transitionaldtdquot左侧竖向选项卡TABlt！ * fontsize13pxfontfamilyArial#nav li liststyle width120px margintop0padding4px 6px#nav li。

选项卡是有一个简单原则的，就是有几个标题就要有几个切换的内容框对应，原理就是最初让第一标题被选择可以增加类名比如class=quotonquot，对应的内容框显示，当点击其他标题时，将被选择标题去掉增加类名，给点击的点标题增加此类名，同时获取它的index，序列数，并将所有内容框隐藏，让对象序列。

需要引用jQuery包 quot#t1 aquotclickfunction 获取id为t1的div下面的所有a标签 var id = $thisattrquotidquotsubstr5截取当前点击的对象的id属性的第6位及之后的字符 quot#t1 aquotattrquotclassquot，quotquot使所有的a标签的class样式都为空 thisattrquotclassquot，quotselquot。

pause_on_hover 如果设为 true，当鼠标悬停在选项卡上时，动画会暂停transition_interval 过渡动画的间隔时间，如果设置为0，动画将不会自动进行，除非用户手动触发默认值为5000毫秒总体来说，Feature List 提供了一种高效且易于定制的幻灯片切换方式，适合快速构建动态网页内容。

尊敬的用户，您好很高兴为您答疑您的dom对象获取有问题啊其实像这种略有有点复杂的操作，建议优先考虑引入jQuery框架，可以让您的代码更加优雅下面是我实现的一组tab效果的js示例function setTabobj，type quotliquotremoveClassquotonquotobjtoggleClassquotonquotiftype==quotuser1quot。