circular-menu是一款js和CSS3炫酷圆形导航菜单插件。该导航菜单使用js来驱动,通过CSS3制作炫酷的圆形导航菜单特效。

安装

可以通过npm来安装circular-menu。

npm install circular-menu
                

使用方法

在页面中引入circular-menu.js和circular-menu.css文件。

<link rel="stylesheet" href="/path/to/circular-menucss">
<script src="/path/to/circular-menu.js"></script>
                
HTML结构

在一个div元素作为圆形导航菜单的容器。

<div id="circle-menu1" class="cn-menu1"></div>
                
初始化插件

然后通过CMenu()来初始化该插件。

var ele = document.querySelector('#circle-menu1');
var cmenu = CMenu(ele).config({
  //配置参数
})
                

js和CSS3炫酷圆形导航菜单插件的github网址为:https://github.com/yandongCoder/circular-menu