header 功能列表

  • 區塊名稱
  • class名稱
  • id名稱
  • 超連結

    1

  • 主功能區塊fuction-bar

    fuction-bar新增classactive
  • fuction-bar移除classactive
  • 2

  • 主功能列表main-fuction

    main-fuction預設為顯示
  • (1)main-fuction預設為隱藏,依照user操作,新增classactive
    (2)依照user操作,帶入css top、left屬性。-屬性為點擊座標
  • 3

  • 主功能列表main-fuction功能icon

    (1)依照user操作,新增classactive,切換成active狀態。
  • 3a

  • 子功能列表sub-fuction

    (1)預設隱藏,user click3主功能icon,於對功能區塊sub-fuction以程式新增classactive,切換為顯示狀態。
  • 3b

  • 子功能列表sub-fuction功能icon

  • 4

  • header 筆記功能button
  • 4a

  • 筆記功能列表noteMenu

    預設隱藏,由4筆記功能button控制,user click 4 後與此新增active,切換為顯示狀態。
    (1)同768以下操作。
    (2)帶入css top、left屬性。-屬性為點擊座標
  • 5

  • 筆記功能icon

  • 5a

  • 筆記編輯面板

    (1)預設隱藏,由5筆記功能icon控制
    user click 5 後與此新增active,切換為顯示狀態。