3-2. 設計自動彈出固定位置的選單面板

(1) 設計點選彈出固定位置的選單面板

下載網頁內容HTML標籤語言及相關檔案

HTML:

CSS:

JS:

結果:

點選左上角開啟按鈕, 自左側滑入選單面板

改良:

改變選單面板的位置到右下角, 點選開啟按鈕後自下往上滑入

結果:

改良:

將選單面板設定在左上角, 將選單面板的滑動改成寬度的收合

結果: