js和CSS3炫酷圆形导航菜单插件

当前位置:主页 > jQuery库 > 菜单和导航 > js和CSS3炫酷圆形导航菜单插件
js和CSS3炫酷圆形导航菜单插件
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:11-28
    阅读:
简要教程

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