37.圆形导航菜单魔法指示器

Posted @大迁世界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了37.圆形导航菜单魔法指示器相关的知识,希望对你有一定的参考价值。

效果 (源码网盘地址在最后)

源码

index.html

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Radial Menu with Magic Indicator</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<ul class="menu">
		<div class="toggle"><ion-icon name="add-outline"></ion-icon></div> 
		<li style="--i:0;" class="active"><a href="#"><ion-icon name="home-outline"></ion-icon></a></li>
		<li style="--i:1;"><a href="#"><ion-icon name="person-outline"></ion-icon></a></li>
		<li style="

以上是关于37.圆形导航菜单魔法指示器的主要内容,如果未能解决你的问题,请参考以下文章

09.圆形导航菜单魔法指示器

09.圆形导航菜单魔法指示器

ViewPager+圆形指示器实现左右滑动的导航欢迎页

css 将子菜单指示符添加到Genesis中的导航菜单项

在PopWindow弹窗中使用ViewPager复杂布局+圆形指示器

想要导航菜单在初始页面上的背景图像上,但它在各种显示器上移动