[請益] 像Yahoo新聞選單的設計？
看板Web_Design作者Talenius (Harmonic Inspirations)時間15年前 (2010/08/13 16:37)推噓1(1推 0噓 2→)留言3則, 2人參與討論串1/1
請問像Yahoo新聞的選單要如何設計？
如在第一行（如藝文）點選後
第二行會產生子選單
可再選擇該子選單的內容
我看過原始碼的設計
但如果想要簡單一點的話：
第一層先用一個Spry
在Spry第一個tab再加入一個Spry（即第二層）
這樣可以做到上述的功能
但第二層Spry會與與第一層Spry會有間距
這樣畫面就會醜醜的
請教各位大大
有沒有簡單的方式處理？
如將這重疊的Spry的間距縮短至零距離？
感謝
應推文者s大建議貼原始碼上來：
（很簡單，就是第一個Spry的content 1裡再加入一個Spry）
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab A</li>
<li class="TabbedPanelsTab" tabindex="0">Tab B</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels2" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
如s大建議要修改margin、pedding
應如何修改？
感謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 112.104.100.23
→
08/13 17:36, , 1F
08/13 17:36, 1F
推
08/13 18:37, , 2F
08/13 18:37, 2F
→
08/13 18:37, , 3F
08/13 18:37, 3F
※ 編輯: Talenius 來自: 122.116.13.187 (08/13 19:12)