[請益] 用JQUERY製作向上彈出的選單

[s60912001 (HUI)]

(問題已經順利解決 感謝各位板友幫助^^)


各位板友大家午安

最近工作遇到一個問題...就是需要製作「上」拉式選單

示意圖如下:

http://i.imgur.com/YtFiJrH.png

上拉式讓我有點苦手 > <


我在網路上找了好多選單範例 幾乎都是下拉式

好不容易找到一個「上」拉式範例 可是卻是這樣的...

http://i.imgur.com/fB1N60y.png



請問大家

我該怎麼樣讓我的選單是向上彈出 而且是橫向排列呢...

我爬文有看到 把位置設為負直選單就能向上彈出 可是我設成負值 選單就出不來了QQ


--


                           愛情和感冒 都是不能假裝的

                       http://photo.xuite.net/s60912001

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 122.116.86.27
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1402978763.A.010.html
※ 編輯: s60912001 (122.116.86.27), 06/17/2014 12:20:31
→ kpdream:看能否修改原本下拉選單CSS的位置~
→ s60912001:我TOP的地方寫-100px 但是子選單就直接不見 出不來了QQ
我剛才試了
.menu li{top:-50px}

子選單成功的變成在上面了~
可是我滑鼠想要點子選單的時候 子選單就消失了
這太悲劇了~我看的到卻點不到子選單呀~~~QQ
※ 編輯: s60912001 (122.116.86.27), 06/17/2014 13:15:38
→ JustGame:http://www.gmjones.org/slide_up/index.html
→ Rplus:純 CSS 即可處理，不需JS  http://jsbin.com/goqil/1/edit
謝謝J大跟R大~
不過J大那個範例跟我的需求不太一樣 我希望子選單是橫向的@@
R大的範例簡單易懂!不需要再叫JS進來 真的好方便喔!!!
※ 編輯: s60912001 (122.116.86.27), 06/19/2014 09:33:31