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






![MBTI 16型人格职业性格测试源码PC+H5自适应完整版基于ThinkPHP框架[亲测可用]](https://www.icbot.net/upload/portal/20250429/32ccad646f32a5f4926b3b7b5ef3232a.png)















