亲,等你好久了,快到碗里来!点此登录 | 意见反馈

Total
55310
HTML5+CSS3轮菜单
感谢亲爱的 秦盖 分享此资源! 所需积分:20
上一页 下一页
上一页 下一页

编号:35146

名称:HTML5+CSS3轮菜单

类型:导航菜单

价格:5000

下载积分:20

下载次数:0

介绍:

使用步骤

要添加这个,只需在您的网站包括最新的jQuery库在这里找到一起到你的文档的<head> jquery.wheelmenu.js和wheelmenu.css的,按照由HTML标记和函数调用如下:

<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

$(".wheel-button").wheelmenu({
  trigger: "hover", 
  animation: "fly", 
  animationSpeed: "fast", 
  angle: "all", 
});

进一步定制

你可以申请有了jquery.wheelmenu.js,每个单独的元素用不同的角度,通过简单地增加一个数据角度到您的文档中的UL如下:

<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]作为一个角度。随意发挥与数字,以获得最佳的结果。


不要忘记删除的角度,从这里看到的全局选项:

$(".wheel-button").wheelmenu({
  trigger: "hover",
  animation: "fly", 
  animationSpeed: "fast"
});

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

版权所有: 龙采科技集团
使用前请阅读《资源分享平台说明文档》

急需素材:白盒骄子香烟,心理,结构,金鼎农贸,卷云纹,铸业,金龙,净化
亲,不好意思您没有下载此素材的权限哦!
请联系下大区的技术总监下载吧,谢谢!!
亲,不好意思您下载的此素材已经下架了哦!
请联系下大区的技术总监或者你们的技术经理吧,谢谢!!
感谢亲爱的分享此素材!
本次下载将扣除积分:分 (您剩余:分)
下载自己的代码不扣积分。