微軟公司推出的IE4.X，使得按照HTML4標準製作的網頁一時成為時尚，這類網頁在動態功能方面有了非常大的提高。特別是可以通過頁面內嵌的Script語句，使頁面中的任意一段文字可以在需要時顯示出來，在不需要時隱藏起來，利用這一特性，就可以在頁面上設計出可以伸縮的層次列表出來。這種列表實際表現的是一種分層次的樹狀結構，讀者可以用滑鼠點擊上一層的條目，而展開或收合它的下一層。在明白了HTML4標準中DOM的實現機制及對風格表單的定義之後，很容易可以找到實現這種列表的途徑。但是一般來說，這種列表的條目都比較多，如果每次都用手工製作，不僅非常煩瑣，而且也十分容易出錯，所以要真正應用到實際的頁面製作當中，還必須有一種比較自動的方法。本人通過實驗，用ASP方式完成了一種比較通用的實現過程，稍加變化就可以應用到各種首頁的製作過程當中，非常方便，在這裡我把它寫出來奉獻給大家，希望大家能多提意見嘍。
簡單的實現
要在網頁上實現伸縮，首先要清楚如何使頁面中的一段文字按需要隱藏和顯示出來。我們看下面這段HTML格式的片段：
<Div Id=”test” Style=”Display:none”>要隱藏的文字</Div>
這是符合HTML4標準的HTML語句，夾在<Div>之間的文本將不顯示在頁面上，因為它風格表單的Display屬性為none。（由於本文不主要介紹HTML4的風格表單，有關祥情請讀者尋找相關資料。）只要能動態地將Display屬性設為空白，即預設值，那麼這段文字就可以動態地被顯示出來。這需要Script的支援，下面就是一個讓上面那樣的文字顯示和隱藏起來的兩個JavaScript函數，只要將自訂的Div的Id值代入，對應的文字就顯示或隱藏起來了：
<script language="JavaScript">
function ShowDiv(DivId)
{
document.all[DivId].style.display='';
return 0;
}
</script>
function HideDiv(DivId)
{
document.all[DivId].style.display='none';
