js和CSS3炫酷圆形导航菜单特效代码

js和CSS3炫酷圆形导航菜单特效代码

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

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

1
npm install circular-menu

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

1
2
<link rel="stylesheet" href="/path/to/circular-menucss">
<script src="/path/to/circular-menu.js"></script>

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

1
<div id="circle-menu1" class="cn-menu1"></div>

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

1
2
3
4
var ele = document.querySelector('#circle-menu1');
var cmenu = CMenu(ele).config({
  //配置参数
})
当前内容只有登录了才能查看,如果您已经注册,请登录
3

发表评论