wheelmenumaster轮菜单源码下载

wheel-menu-master轮菜单源码下载，这是一个特别炫酷的一个轮菜单源码，需要的同学可以下载研究一下。

分类：其它特效 > jQuery插件难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

使用步骤

要添加这个，只需在您的网站包括最新的jQuery库在这里找到一起到你的文档的<head> jquery.wheelmenu.js和wheelmenu.css的，按照由HTML标记和函数调用如下：
1
2
3
4
5
6
7
8
	
<a href="#wheel2" class="wheel-button ne">
 <span>+</span>
</a>
<ul id="wheel2" class="wheel">
  <li class="item"><a href="#home">A</a></li>
  <li class="item"><a href="#home">B</a></li>
  ...
</ul>

确保HREF的ID相匹配的UL
1
2
3
4
5
6
	
$(".wheel-button").wheelmenu({
  trigger: "hover", 
  animation: "fly", 
  animationSpeed: "fast", 
  angle: "all", 
});

进一步定制

你可以申请有了jquery.wheelmenu.js，每个单独的元素用不同的角度，通过简单地增加一个数据角度到您的文档中的UL如下：
1
2
3
4
5
6
7
8
	
<a href="#wheel2" class="wheel-button ne">
 <span>+</span>
</a>
<ul id="wheel2" data-angle="NE" class="wheel">
  <li class="item"><a href="#home">A</a></li>
  <li class="item"><a href="#home">B</a></li>
  ...
</ul>

您也可以使用数组作为角代表的出发点和落脚点菜单就会出现在哪里。例如，使用阵列使菜单出现360度，你可以使用[0，360]作为一个角度。随意发挥与数字，以获得最佳的结果。


不要忘记删除的角度，从这里看到的全局选项：
1
2
3
4
5
	
$(".wheel-button").wheelmenu({
  trigger: "hover",
  animation: "fly", 
  animationSpeed: "fast"
});

现在，每个元素都会有自己的效果，而无需多次调用该函数。