lt！doctype html public quotw3cdtd xhtml 10 transitionalenquot quotdtdxhtml1transitionaldtdquot左側(cè)豎向選項卡TABlt！ * fontsize13pxfontfamilyArial#nav li liststyle width120px margintop0padding4px 6px#nav li。

選項卡是有一個簡單原則的，就是有幾個標題就要有幾個切換的內(nèi)容框?qū)砭褪亲畛踝尩谝粯祟}被選擇可以增加類名比如class=quotonquot，對應的內(nèi)容框顯示，當點擊其他標題時，將被選擇標題去掉增加類名，給點擊的點標題增加此類名，同時獲取它的index，序列數(shù)，并將所有內(nèi)容框隱藏，讓對象序列。

需要引用jQuery包 quot#t1 aquotclickfunction 獲取id為t1的div下面的所有a標簽 var id = $thisattrquotidquotsubstr5截取當前點擊的對象的id屬性的第6位及之后的字符 quot#t1 aquotattrquotclassquot，quotquot使所有的a標簽的class樣式都為空 thisattrquotclassquot，quotselquot。

pause_on_hover 如果設(shè)為 true，當鼠標懸停在選項卡上時，動畫會暫停transition_interval 過渡動畫的間隔時間，如果設(shè)置為0，動畫將不會自動進行，除非用戶手動觸發(fā)默認值為5000毫秒總體來說，F(xiàn)eature List 提供了一種高效且易于定制的幻燈片切換方式，適合快速構(gòu)建動態(tài)網(wǎng)頁內(nèi)容。

尊敬的用戶，您好很高興為您答疑您的dom對象獲取有問題啊其實像這種略有有點復雜的操作，建議優(yōu)先考慮引入jQuery框架，可以讓您的代碼更加優(yōu)雅下面是我實現(xiàn)的一組tab效果的js示例function setTabobj，type quotliquotremoveClassquotonquotobjtoggleClassquotonquotiftype==quotuser1quot。