小编Ala*_*hen的帖子

当我用右手冲浪移动网络时,我想使用半圈菜单.有人可以教我如何在移动网络上使用CSS和JavaScript实现半圆菜单(子项)吗？我曾与CSS尝试过transform:rotate和border-radius,但它不能成功的工作.

有一个半圆菜单按钮,这个按钮可以打开和关闭菜单.单击菜单按钮时,将弹出主级别.然后我点击"Main 1",弹出子级别(Sub 1-1,Sub 1-2,Sub 1-3).

如上所述,当我点击"Main 6"时,将弹出子级别(Sub 6-1,Sub 6-2,Sub 6-3).

这是菜单的架构:

Menu
   Main 1
      Sub 1-1
      Sub 1-2
      Sub 1-3
   Main 2
      Sub 2-1
      Sub 2-2
      Sub 2-3
   Main 3
      Sub 3-1
      Sub 3-2
      Sub 3-3
   Main 4
      Sub 4-1
      Sub 4-2
      Sub 4-3
   Main 5
      Sub 5-1
      Sub 5-2
      Sub 5-3
   Main 6
      Sub 6-1
      Sub 6-2
      Sub 6-3

当我用右手冲浪移动网络时,我想使用半圆菜单.

有人可以教我如何用CSS,Java Script在移动网络上创建半圆菜单(子项)吗？

照片链接:

1.有一个半圆菜单按钮,可以打开和关闭.

2.当我单击其中一个主要项目时,子项目可以下拉.

真诚的感谢.