如同其名稱, 滑動選單是從畫面側邊滑動顯示的 UI,
又被稱為導覽抽屜或 Off-canvas 選單。
由於是以整體畫面的方式滑動, 相較於其他導覽列, 能顯示更多的資訊。如
果想在手機上顯示的網站, 本身的結構較複雜或類別很多, 須顯示較多的選單
項目, 此種 UI 非常有效果。
基本的滑動選單
滑動選單最有名的就是手機版的 Facebook。在 Facebook 圖 1 就採用滑動選單, 點擊
右上角的圖示之後, 會往側邊滑動出連絡人列表。
滑出的選單不會覆蓋整個頁面, 會大約保留原本的八分之一, 點擊最左側原本的畫面,
選單就會自動滑動隱藏。
圖一 點擊選單圖示會滑動顯示
.......﹝詳細內容﹞
更多內容請見
《 快速查, 馬上用! CSS3+jQuery 手機網站 UI 範例實作 》
|