本文演示了5种不同的环形菜单效果，支持预定义角度、鼠标悬浮、四周多个菜单点击处理环形菜单效果。
淘建站为您提供更多_导航菜单_图标导航_环形，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 104 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
引入wheelmenu相关插件组件
<script type="text/javascript" src="js/jquery.wheelmenu.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href='css/elusive-webfont.css' rel='stylesheet' type='text/css'>点击按钮
<a href="#wheel" class="wheel-button">
<i class="customicon-plus"></i>
</a>环形菜单结构图
<ul id="wheel">
<li class="item"><a href="#home"><i class="customicon-home"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-music"></i></a></li>
</ul>演示一：默认设置
$(".wheel-button").wheelmenu();演示二：动画设置
$(".wheel-button").wheelmenu({
animation: "fly",
animationSpeed: "medium"
});演示三：触发设置
$(".wheel-button").wheelmenu({
trigger: "hover",
animation: "fly",
animationSpeed: "fast"
});演示四：预定义的角度设置
$(".wheel-button").wheelmenu({
trigger: "hover",
animation: "fly",
angle: "NW"
});
