- 區塊名稱
- class名稱
- id名稱
- 超連結
-
主功能區塊fuction-bar
fuction-bar新增classactive - fuction-bar移除classactive
-
主功能列表main-fuction
main-fuction預設為顯示 -
(1)main-fuction預設為隱藏,依照user操作,新增classactive
(2)依照user操作,帶入css top、left屬性。-屬性為點擊座標 -
主功能列表main-fuction功能icon
(1)依照user操作,新增classactive,切換成active狀態。 -
子功能列表sub-fuction
(1)預設隱藏,user click3主功能icon,於對功能區塊sub-fuction以程式新增classactive,切換為顯示狀態。 -
子功能列表sub-fuction功能icon
- header 筆記功能button
-
筆記功能列表noteMenu
預設隱藏,由4筆記功能button控制,user click 4 後與此新增active,切換為顯示狀態。
(1)同768以下操作。
(2)帶入css top、left屬性。-屬性為點擊座標 -
筆記功能icon
-
筆記編輯面板
(1)預設隱藏,由5筆記功能icon控制
user click 5 後與此新增active,切換為顯示狀態。
1
2
3
3a
3b
4
4a
5
5a