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