推 s60912001:謝謝你詳細的解說~我學習到新東西了呢^^ 問題也解決囉! 06/18 17:41
※ 引述《s60912001 (HUI)》之銘言：
: 各位板友大家午安
: 最近工作遇到一個問題...就是需要製作「上」拉式選單
: 示意圖如下:
: http://i.imgur.com/YtFiJrH.png
: 上拉式讓我有點苦手 > <
: 我在網路上找了好多選單範例 幾乎都是下拉式
: 好不容易找到一個「上」拉式範例 可是卻是這樣的...
: http://i.imgur.com/fB1N60y.png
: 請問大家
: 我該怎麼樣讓我的選單是向上彈出 而且是橫向排列呢...
: 我爬文有看到 把位置設為負直選單就能向上彈出 可是我設成負值 選單就出不來了QQ
不知道還有問題否?
要讓選單往上呈現，或是橫向呈現
這都是控制CSS的問題，與JQ問題不大。
---
看下面回文，相信你已經操縱好了。
再來下面的問題
你說要移到選單的時候，選單就會不見了
相信你是使用 hover操控 show 跟 hide
---
這時候要記得
將彈出的東西，放置在ul裡面。
我的做法是這樣
<nav>
<ul>
<li>
選項一
<div class='h1'>這邊放顯示選單</div>
</li>
</ul>
</nav>
所以你的JQ控制如下
$("li").hover(function(){$(".h1").show();},function(){$(".h1").hide();});
當然你要判定一下是哪一個 class 跟 li。
PS: 我現在手邊沒測試，你可以試試看 $(this).find("div").show();
直接找處發的li下的div 就不用這麼麻煩判定了。
---
主要是把要顯示的東西，放在 hover的物件裡面
才不會移到選項的時候被判定hoverout了
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 122.118.78.111
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1403075380.A.93C.html