[問題] 聰明的下拉式選單

看板Web_Design作者時間17年前 (2009/04/01 18:17), 編輯推噓8(8推 0噓 21→)
留言29則, 5人參與, 最新討論串1/1
請教各位高手 104人力銀行的[工作地點]、[職務類別]這兩個下拉式選單 我發現它們都可以自動偵測：如果第二層顯示的內容離開畫面的話 它就會自動調整把第二層的往上移到最佳的位置搬到上面去顯示。 第三層也是有這樣子的功能。 有點難去形容，不知道這樣子問你們看得懂不懂？ 請問這個是怎麼做到的？ 還有有沒有程式碼的範例、網站可以提供給我？ 謝謝各位高手 以下是104的網站，方便你們進去 http://www.104.com.tw/ 這兩張圖就是我所要表達的意思。注意雲林縣鄉鎮的選單位置 以及 右側的滾軸 http://img.skitch.com/20090401-k5yefnrn9j93k1re3wsgi8jyim.jpg
http://img.skitch.com/20090401-8ur7c4xtkmrjsine5swbygcdm4.jpg
鄉鎮的位置會隨著右側滾軸做出最適當的位置！ ※ 編輯: nneptune 來自: 60.245.106.198 (04/01 19:45)
推
04/01 22:01, , 1F
試不出來, IE only?
04/01 22:01, 1F
→
04/02 01:28, , 2F
請問樓上是說什麼意思我不太了解
04/02 01:28, 2F
→
04/02 01:32, , 3F
我的意思是鄉鎮的選單會隨著螢幕上下而做出在螢幕置中的
04/02 01:32, 3F
→
04/02 01:32, , 4F
動作
04/02 01:32, 4F
→
04/02 01:33, , 5F
因為選單太長了，他會自己選位子來顯示。這樣問不知道
04/02 01:33, 5F
→
04/02 01:33, , 6F
有沒有人看得懂
04/02 01:33, 6F
推
04/02 07:39, , 7F
safari有作用喔
04/02 07:39, 7F
推
04/02 11:35, , 8F
他是用DIV作的，所以應該是偵測當前物件所在位置
04/02 11:35, 8F
→
04/02 11:36, , 9F
（OffsetTop），和這個物件的高度差，剩下自己想吧
04/02 11:36, 9F
→
04/02 11:37, , 10F
然後我覺得這種下拉選單很笨，他和一般人習慣的也不一樣
04/02 11:37, 10F
→
04/02 11:37, , 11F
沒什麼好說他聰明的
04/02 11:37, 11F
推
04/02 11:42, , 12F
drop down menu is evil!
04/02 11:42, 12F
推
04/02 12:18, , 13F
1沒這麼糟吧XDDD 我自己也有準備一個dropmenu的js啦
04/02 12:18, 13F
→
04/02 12:19, , 14F
只會用css做..
04/02 12:19, 14F
→
04/02 12:19, , 15F
只是我是直接讓他向下，然後寬度和選取區一樣長
04/02 12:19, 15F
→
04/02 12:19, , 16F
沒有橫向選軸的，話我說好想問一下foto大你不是會做美工
04/02 12:19, 16F
→
04/02 12:20, , 17F
之前你說你不會DW，那你排版該不會是用筆記本+想像的吧?
04/02 12:20, 17F
推
04/02 12:24, , 18F
以前慢慢用css排出來 有時間壓力就先用photoshop排
04/02 12:24, 18F
推
04/02 12:27, , 19F
喔喔喔喔喔!!! Visual Notepad !!!
04/02 12:27, 19F
→
04/02 12:30, , 20F
喔對，原po如果要看我做的下拉選單就看這一頁
04/02 12:30, 20F
→
04/02 12:31, , 22F
要改成會自動向上也不是不行啦...
04/02 12:31, 22F
→
04/02 18:30, , 23F
謝謝K大的建議我把K大的答案跟設計師討論看看<
04/02 18:30, 23F
→
04/02 18:30, , 24F
非常謝謝你
04/02 18:30, 24F
→
04/02 18:45, , 25F
javascript is evil!!!
04/02 18:45, 25F
推
04/02 19:06, , 26F
我那個也是用CSS作的啦>"<
04/02 19:06, 26F
→
04/02 19:07, , 27F
只是把它包裝成JS的Class，讓Ajax好跑而已= ="
04/02 19:07, 27F
→
04/02 19:27, , 28F
另外n大，我的下拉選單可以改造成104那樣，只是方法你要
04/02 19:27, 28F
→
04/02 19:27, , 29F
自己找XD
04/02 19:27, 29F
‣ 更多 nneptune 的文章
文章代碼(AID): #19qpyblR (Web_Design)