jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

Sinchen 發表於 2009-5-21 11:16

取得文件的行數

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

[url]http://blog.unlimiter.com.tw/q-a/[/url]

簡單來說就是使用CSS的height來控制打開或關閉,但是height的高度是固定的,不知道有沒有辦法判斷依照行數來改變Height高度

wmh 發表於 2009-5-21 13:03

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

<h3>標題</h3>
<p>
  內容
  內容
  內容
</p>
[/code]

當點選 <h3> 時就切換鄰近那個 <p> 的顯示或隱藏。高度就讓 <p> 的內容自行決定即可。

Sinchen 發表於 2009-5-21 15:53

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

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

moonster 發表於 2009-5-21 19:20

[url=http://monster.amego.tw/test/test.html]http://monster.amego.tw/test/test.html[/url]

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

還有網頁內的seo網站描述這樣用效果應該不會太好,這裡不是討論seo的,有機會再說囉,下班去

wmh 發表於 2009-5-21 20:54

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

另外,moonster 提供的範例也蠻不錯的,可以考慮看看。

Sinchen 發表於 2009-5-22 08:10

回復 4# 的帖子

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

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.