※ 引述《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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1403075380.A.93C.html