Oct 28 2004

縮放自如的 menu

Published by foxfair at 6:34 pm under Computer, Site History

看標題很像 marketing 下的吧?其實我要說的是右邊這個 menu,用一個小小的 javascript 把它改成可以縮放自如,外加用 cookie 記住 menu 狀態,所以下次連回本站會看到一樣的縮放 menu,安裝方法是這樣:

先下載 listCollapse.js ,這個 javascript 是從 http://www.howtocreate.co.uk/jslibs/挖來的。把這個檔放在 wordpress 的安裝目錄下。

找到 wordpress 安裝目錄下的 index.php 這個檔案,找到 div id=”menu” 這一個 tag,下一行的 ul 改成 ul id=”bloglink”。

下載這個檔案 addon-js.txt,同樣在 index.php 檔內,找到 “/head” 這個 tag,然後把 addon-js.txt 的內容加進去。若希望一開始 menu 全部都縮排,就跟我一樣把上面第二點提到的 ul 改為 ul id=”bloglink”,參考 addon-js.txt 裡面指明 bloglink 就會全部縮排,看到這裡請自行舉一反三,如果你的喜好跟我不一樣,想縮排某一些 menu, 另外幾個不縮排,那麼就分別取幾個名字(OneID, TwoID),然後在那段 javascript 裡呼叫:

          compactMenu('OneID',false,'» ');
跟      compactMenu('TwoID',false,'» ');
就好。

文章的時間旁邊是利用 Dunstan’s Time of day 作出來的.

目前 load 兩種 stylesheet, Firefox user 可以直接 switch, IE user 不用太難過,請用 menu 下面的 change style 功能自己換看看。

Trackback URI | Comments RSS

Leave a Reply