返回列表 發帖
Sinchen

Rank: 1

帖子
4 
主題
1 
精華
0 
積分
2 
威望
2  
金錢
0  
1# 跳轉到 » 倒序看帖
打印
tT
發表於 2009-5-21 11:16 | 只看該作者

取得文件的行數

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

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

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

wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
2#
發表於 2009-5-21 13:03 | 只看該作者
我看了一下你的網頁，可以先試著把結構改成這樣：
<h3>標題</h3>
<p>
  內容
  內容
</p>

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

TOP

Sinchen

Rank: 1

帖子
4 
主題
1 
精華
0 
積分
2 
威望
2  
金錢
0  
3#
發表於 2009-5-21 15:53 | 只看該作者
wmh 您說的應該是在<p>裡面增加

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

TOP

moonster

Rank: 1

帖子
10 
主題
3 
精華
0 
積分
4 
威望
4  
金錢
0  
4#
發表於 2009-5-21 19:20 | 只看該作者
http://monster.amego.tw/test/test.html

這個demo給你看看，都用了jQuery，就用這個做吧．

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

TOP

wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
5#
發表於 2009-5-21 20:54 | 只看該作者
隱藏的 <p> 應該是不會占空間的喔，你可以試試看。

另外，moonster 提供的範例也蠻不錯的，可以考慮看看。
To infinity and beyond!

TOP

Sinchen

Rank: 1

帖子
4 
主題
1 
精華
0 
積分
2 
威望
2  
金錢
0  
6#
發表於 2009-5-22 08:10 | 只看該作者

回復 4# 的帖子

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

TOP

返回列表 回復 發帖