遺忘の空島: [資訊]小技巧

回應台中網路火車站分享區:伸縮Sidebar登場！
會用到伸縮Sidebar這玩意兒
說實在是個人怪癖在搞怪 XD
不是很喜歡用 "iframe" 這東西
(不要問我為什麼留言版跟手工曆是用iframe形式)
加上那時想把Blogroll上上去 (很長一串阿...)
在blogger.com內四處逛blog時
看到Get Into This
如獲至寶啊~ 當場就拆起來了 XD
可惜那時衝太快沒仔細看該站的寫法就洗下去
結果可想而知...
(我不會寫javascript, 要我改根本是天方夜譚)
等第二天冷靜下來好好整修一翻才完成

來分析(講解)怎麼改, 程式才會作用好了
1. 程式建議直接貼在 <head></head>
不知道也不太想去追是什麼原因造成在
" <script type="text/javascript" src="htt ~ link.js"></script> "
這種形式下 if(!listHeader.inn~ 這段會失效 (猜想是文字編碼問題 Orz)
2. 原始的Sidebar的寫法是這樣

<ul><h2>標題</h2>
<li>內容</li>
...
<li>內容</li>
</ul>

這邊要改成

<ul>
<li><h2>標題</h2>
  <ul>
   <li>內容</li>
   <li>內容</li>
  </ul>
</li>
<li><h2>標題</h2>
  <ul>
   <li>內容</li>
   <li>內容</li>
  </ul>
</li>
</ul>

3. Sidebar 區塊的 class. sidebar 下的 h2 的 class 跟 javascript 要互相呼應
4. 要不要縮放的判別視有無設定於 if(!listHeader.innerHTML.ma~ 這串以 "|" 做分隔

大致就這樣, 總而言之,
整串複製下來, 用文書編輯器改完再貼上去就對了

注意!
1. 這樣改完, 讀取時還是會讀取所有的東西, 再行隱藏
所以... 個人認為對減少載入時間並無助益 XD
好處則是: Sidebar 不會比正文長 (除非你把他點開了)
2. 來試試看反向聯結到底是怎麼一回事? XD

遺忘の空島日記週記雙週記, 半個宅人的呻吟語錄 Orz

2005/10/19

[資訊]小技巧 - 伸縮Sidebar

1篇回應:

關於島主

關於我自己

近期文章

日常&自製用品

神。遊。四。方

行事曆