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

看板Web_Design作者 (HUI)時間10年前 (2014/06/17 12:19), 10年前編輯推噓0(004)
留言4則, 4人參與, 最新討論串1/3 (看更多)
(問題已經順利解決 感謝各位板友幫助^^) 各位板友大家午安 最近工作遇到一個問題...就是需要製作「上」拉式選單 示意圖如下: 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

06/17 12:28, , 1F
看能否修改原本下拉選單CSS的位置~
06/17 12:28, 1F

06/17 13:09, , 2F
我TOP的地方寫-100px 但是子選單就直接不見 出不來了QQ
06/17 13:09, 2F
我剛才試了 .menu li{top:-50px} 子選單成功的變成在上面了~ 可是我滑鼠想要點子選單的時候 子選單就消失了 這太悲劇了~我看的到卻點不到子選單呀~~~QQ ※ 編輯: s60912001 (122.116.86.27), 06/17/2014 13:15:38


06/19 01:26, , 4F
純 CSS 即可處理,不需JS http://jsbin.com/goqil/1/edit
06/19 01:26, 4F
謝謝J大跟R大~ 不過J大那個範例跟我的需求不太一樣 我希望子選單是橫向的@@ R大的範例簡單易懂!不需要再叫JS進來 真的好方便喔!!! ※ 編輯: s60912001 (122.116.86.27), 06/19/2014 09:33:31
文章代碼(AID): #1Jdy7B0G (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1Jdy7B0G (Web_Design)