每一發(fā)奮努力的背后，必有加倍的賞賜。以下百分網(wǎng)小編整理的用XSLT輕松實(shí)現(xiàn)樹(shù)形折疊導(dǎo)航欄的知識(shí)，希望對(duì)大家有所幫助，更多信息請(qǐng)關(guān)注應(yīng)屆畢業(yè)生網(wǎng)！

　　展開(kāi)和折疊實(shí)在就是顯示或不顯示display：none or block）它與可見(jiàn)與不可見(jiàn)（visible or invisible）是有差別的， 前者不在頁(yè)面預(yù)留空間。 這個(gè)toggle函數(shù)完成兩個(gè)功效， 轉(zhuǎn)變TR本來(lái)的Hidden屬性， 使本來(lái)不顯示的顯示； 轉(zhuǎn)變IMG的src屬性， 更改圖片。

　　toggle.js

　　function toggle(id)

　　{

　　var thisRow = document.all.item(id);

　　if (thisRow)

　　{

　　if (thisRow.getAttribute('Expanded') == 'yes')

　　{

　　thisRow.setAttribute('Expanded', 'no');

　　thisRow.children(0).children(0).children(0).src = 'images/bs.gif';

　　var allRows = document.all.tags('TR');

　　for (var i=1; i < allRows.length; i )

　　{

　　var row = allRows[i];

　　if (row.getAttribute('AncestorID') == id)

　　{

　　if (row.getAttribute('Expanded') == 'yes') {

　　toggle(row.getAttribute('id'));

　　}

　　row.className = 'Navigator-Hidden';

　　}

　　}

　　thisRow.className = 'Navigator';

　　}

　　else

　　{

　　thisRow.setAttribute('Expanded', 'yes');

　　thisRow.children(0).children(0).children(0).src = 'images/bo.gif';

　　var allRows = document.all.tags('TR');

　　var depth = parseInt(thisRow.getAttribute('Depth'));

　　for (var i=1; i < allRows.length; i )

　　{

　　var row = allRows[i];

　　if (row.getAttribute('AncestorID') == id &&

　　parseInt(row.getAttribute('Depth')) == depth 1 )

　　{

　　row.className = 'Navigator';

　　}

　　}

　　}

　　}

　　}

　　到此結(jié)束。

　　誠(chéng)然這個(gè)TOC的功效還是最基礎(chǔ)的， 例如我還未做內(nèi)容和目錄的同步，其中有的處所還可以修正， 對(duì)xml和xsl文件可以進(jìn)一步瘦身。 不過(guò)對(duì)一般用戶來(lái)講， 這已經(jīng)足夠了。