**
amazon**分類導航的下拉列表被使用得非常頻繁，但你有沒有注意過它的反應非常迅速？
當然，這在技術上並非難題，但是大多數**下拉列表顯示子選單有一定的延遲，這比如老版的可汗學院**：
注意到延遲沒有？這樣做並非沒有緣由，若不如此，斜著移動滑鼠時子選單就會消失，因此你只能小心翼翼地平移滑鼠指標，非常影響使用者體驗：
也許你會感到疑惑，在amazon上購物時並沒有遇到這樣不愉快的體驗啊！這正是其設計的睿智之處：
你將滑鼠游標從主選單移向子選單的時候，圖中三角形區域會停止事件判定，很高明的解決辦法？
如果你很geek，可以自己實現這一想法，或者你不想重**明輪子，可汗學院的工程師ben kamens已經開發出了這樣的jquery外掛程式——jquery-main-aim（mit協議），可以直接拿來使用。下面是可汗學院使用了該外掛程式之後的效果：
網頁設計 導航條 下拉列表
導航條下拉列表效果 1.導航條下拉html 1 2 div class tn 3 div class tn c 4 ul 5 li a href 首頁 a li 6 li a href a 7 ul class n 2 8 li a href a li 9 li a href a li 10 li ...
下拉輸入框 下拉列表的7個設計要訣
下拉列表有許多優點 它節省螢幕空間不佔地方，不需要做輸入驗證，所有平台都支援，技術門檻低，使用者都熟悉其使用方法。它還可以有效幫助使用者縮小選擇範圍，轉換螢幕空間並防止錯誤的資料輸入。然而，下拉列表又是最容易被錯誤使用的表單元件。過度使用或濫用它們可能會造成可用性問題的出現。本文將針對下拉列表性質，...
Javascript設計網頁中的下拉列表
我們就可以開始在網頁中製作下拉列表了。我們在網頁的頂部放置乙個區域，用於顯示主選單條，每乙個主選單條作為乙個超連結橫向置於該區域中，當然除非選單項沒有子選單，一般情況下這裡的超連結不指向任何位址，只用它來啟用子選單。區域的格式見程式1。code 選單項一 選單項二 接著，我們根據主選單條的個數定義相...