Re: [Blogger] blogspot 如何做出文章目錄?
※ 引述《cockroach525 (Let me In!)》之銘言:
: 雖然 blogspot 內建有文章存檔
: 但我比較想要階層式的文章目錄
: 就像這個網站的文章目錄一樣
: http://leikitravel.blogspot.com
: 請問該怎麼做呢?
: 謝謝大家
提供個人網誌的作法,全部自訂,網址
http://pydoing.blogspot.com/p/python-tutorial.html
裡頭有「按一下展開目錄」的地方
最多層是在「內建型態」的地方
總之,點擊「按一下展開目錄」就可以將目錄展開
再點一次就收合
每一個「按一下展開目錄」加入如下的 <a>
<a style="cursor:pointer; font-size:x-small;"
onclick="var guide1 = getElementById('guide1');
guide1.style.display=guide1.style.display=='none'?'':'none'">
按一下展開目錄</a>
style 為 CSS 的部份, onclick 則為 JavaScript 的程式
被隱藏的地方,以 <ul> 包起來,同時設定
<ul id="guide1" style="display:none;">
id 是供 JavaScript 取用的識別碼, CSS 設定為 none ,開啟網頁預設不會顯示
嗯,目前沒有很美觀,等我有空的時候會調整 CSS 使其更美觀一點
以上提供給各位參考囉
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.169.142.209
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 3 之 3 篇):