gpt4 book ai didi

javascript - 如何在移动端用CSS和JavaScript实现半圆菜单(子项)?

转载 作者:技术小花猫 更新时间:2023-10-29 10:09:50 27 4
gpt4 key购买 nike

<分区>

我想用右手浏览移动网页时使用半圆菜单。有人可以教我如何在移动网络上使用 CSS 和 JavaScript 实现半圆菜单(子项)吗?我用 CSS transform:rotateborder-radius 尝试过,但无法成功。

There is a half-circle menu button, this button can open and close menu. When I click the menu button, the main-level will be popped up. Then I click "Main 1", the sub-level (Sub 1-1, Sub 1-2, Sub 1-3) will be popped up.

As just mentioned, When I click "Main 6", the sub-level (Sub 6-1, Sub 6-2, Sub 6-3) will be popped up.

这是菜单的架构:

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

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com