Board logo

標題: 取得文件的行數 [打印本頁]

作者: Sinchen    時間: 2009-5-21 11:16     標題: 取得文件的行數

HI我用JAVASCRIPT寫了一個類似開關的功能,請參考此網頁

http://blog.unlimiter.com.tw/q-a/

簡單來說就是使用CSS的height來控制打開或關閉,但是height的高度是固定的,不知道有沒有辦法判斷依照行數來改變Height高度
作者: wmh    時間: 2009-5-21 13:03

我看了一下你的網頁,可以先試著把結構改成這樣:
<h3>標題</h3>
<p>
  內容
  內容
</p>

<h3>標題</h3>
<p>
  內容
  內容
  內容
</p>
當點選 <h3> 時就切換鄰近那個 <p> 的顯示或隱藏。高度就讓 <p> 的內容自行決定即可。
作者: Sinchen    時間: 2009-5-21 15:53

wmh 您說的應該是在<p>裡面增加

display:none;的屬性,假如我這樣使用還是必須將多餘的height縮小,不然隱藏的P會佔據一快,相對的開啟隱藏的P時也必須將Height調高,讓P可以完全的顯示出來。如果是我會錯意麻煩幫我更正。
作者: moonster    時間: 2009-5-21 19:20

http://monster.amego.tw/test/test.html

這個demo給你看看,都用了jQuery,就用這個做吧.

還有網頁內的seo網站描述這樣用效果應該不會太好,這裡不是討論seo的,有機會再說囉,下班去
作者: wmh    時間: 2009-5-21 20:54

隱藏的 <p> 應該是不會占空間的喔,你可以試試看。

另外,moonster 提供的範例也蠻不錯的,可以考慮看看。
作者: Sinchen    時間: 2009-5-22 08:10     標題: 回復 4# 的帖子

挖這太棒了,謝謝。
就是想做出這樣的感覺,但又剛接觸Javascript,收下啦!




歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/)