做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery响应式菜单插件Menu.js
来源:易助科技网浏览量:4收藏

简介

兼容性:支持 CMenu.js 是一款基于 jQuery 的轻量级响应式菜单插件,可以根据喜好进行个性化的 UI 定制。兼容性:支持 Chrome、Safari、Firefox、IE7加 等主流浏览器。支持响应式布局,可在移动端使用。

注意:默认加载 fastclick.js,若页面中未引入也无影响,只是会降级到原生 click 事件,会有 300ms 延迟。

(下载的附件中附有DEMO)


使用

1.  引入文件

<link rel="stylesheet" href="/path/menu.min.css"/>
<script src="/path/jquery-1.12.2.min.js"></script>
<script src="/path/menu.min.js"></script>


2.  HTML

<div class="ve-menu">     
<ul class="ve-menu-pc">
<li><a href="#">link</a></li>
<li><a href="#">link</a>
<ul>
<li><a href="#">aaa</a></li>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>


3.  调用

$(function() {
$('.ve-menu').menu({
// settting...
});
});


相关链接

GitHub 地址:https://github.com/GitHub-Laziji/menujs

Gitee 地址 :https://gitee.com/mirrors/Menu-js