索易電子雜誌大多採用樹狀目錄，當滑鼠點選主目錄時，展開子目錄；當再次點選主目錄時，則關閉子目錄。顯得簡捷明快，樸實無華。製作這種樹狀目錄的方法較多，最近我利用css能方便地控制物件的「顯示」和「隱藏」屬性原理，也製作乙個，我感到用css製作這樣的樹狀目錄，方法簡單，**也比較少，所以把它寫出來，給網友們共亨，以便在需要的時候也可動手做乙個。
先看下面的示例：當用滑鼠在主目錄上點一下，就下拉出相應的子目錄，再點一下，又恢復原狀，其效果與索易電子雜誌上的目錄效果完全一致。
滑鼠點選前的目錄
滑鼠點選後展開的目錄
製作方法：
我先把產生這種效果的**複製如下，然後結合**講製作方法：
〈div id="main1" style="color:blue" onclick=" =='none')?'':'none'" 〉
+ 主目錄1〈/div〉
〈div id="child1" style="display:none"〉
〈a href="#"〉- 子目錄1〈/a〉 〈br〉
〈a href="#"〉- 子目錄2〈/a〉 〈br〉
〈a href="#"〉- 子目錄3〈/a〉 〈br〉
〈a href="#"〉- 子目錄4〈/a〉
〈/div〉
〈div id="main2" style="color:blue" onclick=" =='none')?'':'none'" 〉
+ 主目錄2 〈/div〉
〈div id="child2" style="display:none"〉
〈a href="#"〉- 子目錄1〈/a〉 〈br〉
〈a href="#"〉- 子目錄2〈/a〉 〈br〉
〈a href="#"〉- 子目錄3〈/a〉
〈/div〉
注：「 」表示乙個字元空格
1、先定義兩個div，乙個用於主目錄，取名為：main1；另乙個用於相應的子目錄，取名為：child1。
2、在main1的div中寫上「+ 主目錄1」，並在它的上面載入乙個滑鼠單擊事件：onclick 和一小段j**ascript程式： =='none')?
'':'none'。這段程式的作用是，當滑鼠在main1的div上（也就是在「+ 主目錄1」上）單擊時，如果child1的div是隱藏的，讓它顯示；若是顯示的，則讓它隱藏。
3、在child1的div上寫上子目錄，並把它設定成超級鏈結，我在上面的示例中是設定了空鏈結，實際製作時把它改為實鏈結，以讓它指向鏈結目標。在child1的div定義中加上乙個css：style="display:
none"，其目的是使子目錄開始時處於隱藏狀態。
其它目錄的製作只是重複上面的三步而已。按f12就可看到效果了。這種方法主要是利用了css的顯示屬性：
display，它有乙個特點就是當物件被隱藏後，物件所佔據的頁面空間將自動讓出。我們知道css還乙個屬性：visibility也具有顯示和隱藏的物件的功能，但不能用來製作上面的樹狀目錄。
因為visibility在隱藏物件後，物件所佔據的空間並不釋放，也就是當隱藏子目錄時，子目錄的位置只是一片空白而已位置並沒有讓出來，因此另乙個主目錄也就無法靠攏。所以它只能用於那些需要固定頁面元素位置的地方。
在2019中製作樹狀結構圖
近日，同事找到我說要在word 2003中製作乙個樹狀結構圖，雖然常聽說樹狀結構，卻沒有真正的製作過。但是想到microsoft office作為辦公軟體中的龍頭老大，一定會把這個功能整合到軟體中，經過一番摸索後，終於在word中找到了製作樹狀結構的方法。在 繪圖 工具欄上，單擊 插入組織結構圖或其...
巧用製作電子印章
現在都喜歡彰顯個性，充分展示自己。比如，如果能在編輯好的wrod文件的末尾蓋上乙個自己的印章，看起來肯定很有個性。其實，這個實現起來並不難。下面，我就在word 2003中以自己的名字為例，來製作一枚方形的電子印章 李豐葉印 1.開啟word 2003，新建乙個文件，單擊選單欄上的 格式 中文版式 ...
巧用AUthOrWare製作課件
authorware是macromedia公司推出的多 製作軟體，也是常用的教學課件開發工具之一。它融合了編輯系統與程式語言的特色，只要將文字 圖形 影象 聲音 動畫 等各種多 資料匯集在一起，通過對圖示的呼叫來編輯一些控制程式的流程圖，使它能夠實現多 計算機和人有效交流，同時也簡化了多 課件製作的...