页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

jquery+html5实现与众不同的响应式头部菜单导航okayNav

菜单导航 html5 HTML我帮您 1年前  次浏览

jquery+html5实现与众不同的响应式头部菜单导航okayNav会根据浏览器大小的改变变化菜单显示大小,菜单部分显示,部分以下拉菜单的形式显示,允许自定义菜单样式。

jquery+html5实现与众不同的响应式头部菜单导航okayNav








var navigation = $('#nav-main').okayNav();  


var navigation = $('#nav-main').okayNav({
    parent : '', // will call nav's parent() by default
    toggle_icon_class : 'okayNav__menu-toggle',
    toggle_icon_content: '',
    beforeopen : function() {}, // Will trigger before the nav gets opened
    open : function() {}, // Will trigger after the nav gets opened
    beforeclose : function() {}, // Will trigger before the nav gets closed
    close : function() {}, // Will trigger after the nav gets closed
});


相关链接

发表评论