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

選項(xiàng)卡是有一個(gè)簡(jiǎn)單原則的，就是有幾個(gè)標(biāo)題就要有幾個(gè)切換的內(nèi)容框?qū)?yīng)，原理就是最初讓第一標(biāo)題被選擇可以增加類名比如class=quotonquot，對(duì)應(yīng)的內(nèi)容框顯示，當(dāng)點(diǎn)擊其他標(biāo)題時(shí)，將被選擇標(biāo)題去掉增加類名，給點(diǎn)擊的點(diǎn)標(biāo)題增加此類名，同時(shí)獲取它的index，序列數(shù)，并將所有內(nèi)容框隱藏，讓對(duì)象序列。

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

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

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