CSS3炫酷圆形导航菜单插件

创客云


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

使用方法

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

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

HTML结构

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

初始化插件

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

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

Github网址:https://github.com/yandongCoder/circular-menu

演示地址 免费下载
本文由 CityMall 整理发布如需转载,请注明出处:https://www.22vd.com/36820.html
云模板

发表评论