metisMenu导航插件

就是这个东西漂亮大气~ 的导航插件。

好啦，开始，
下载地址：链接：
http://pan.baidu.com/s/1hs7by76 密码：nmww

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-awesome.min.css"><link rel="stylesheet" href="css/metisMenu.css"/>//在dist文件夹里的<link rel="stylesheet" href="css/001/demo.css"/>//在test文件夹里的<link rel="stylesheet" href="css/001/mini.css"/>//在test文件夹里的
</head>
<body>
<div class="clearfix"><aside class="sidebar"><nav class="sidebar-nav"><ul class="metismenu" id="menu"><li class="active"><a href="#" aria-expanded="true"><span class="sidebar-nav-item-icon fa fa-github fa-lg"></span><span class="sidebar-nav-item">metisMenu</span><span class="fa arrow"></span></a><ul aria-expanded="true"><li><a href="javascript:void(0);"><span class="sidebar-nav-item-icon fa fa-code-fork"></span>Fork</a></li><li><a href="javascript:void(0);"><span class="sidebar-nav-item-icon fa fa-star"></span>Star</a></li><li><a href="javascript:void(0);"><span class="sidebar-nav-item-icon fa fa-exclamation-triangle"></span>Issues</a></li></ul></li><li><a href="#" aria-expanded="false">Menu 0 <span class="fa arrow"></span></a><ul aria-expanded="false"><li><a href="#">item 0.1</a></li><li><a href="#">item 0.2</a></li><li><a href="http://onokumus.com">onokumus</a></li><li><a href="#">item 0.4</a></li></ul></li><li><a href="#" aria-expanded="false">Menu 1 <span class="glyphicon arrow"></span></a><ul aria-expanded="false"><li><a href="#">item 1.1</a></li><li><a href="#">item 1.2</a></li><li><a href="#" aria-expanded="false">Menu 1.3 <span class="fa plus-times"></span></a><ul aria-expanded="false"><li><a href="#">item 1.3.1</a></li><li><a href="#">item 1.3.2</a></li><li><a href="#">item 1.3.3</a></li><li><a href="#">item 1.3.4</a></li></ul></li><li><a href="#">item 1.4</a></li><li><a href="#" aria-expanded="false">Menu 1.5 <span class="fa plus-minus"></span></a><ul aria-expanded="false"><li><a href="#">item 1.5.1</a></li><li><a href="#">item 1.5.2</a></li><li><a href="#">item 1.5.3</a></li><li><a href="#">item 1.5.4</a></li></ul></li></ul></li><li><a href="#" aria-expanded="false">Menu 2 <span class="glyphicon arrow"></span></a><ul aria-expanded="false"><li><a href="#">item 2.1</a></li><li><a href="#">item 2.2</a></li><li><a href="#">item 2.3</a></li><li><a href="#">item 2.4</a></li></ul></li></ul></nav></aside>
</body>
</html>
<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script>$(function () {$('#menu').metisMenu();});
</script>

他的官网：http://mm.onokumus.com/#

metisMenu导航插件相关推荐

metisMenu侧边栏插件
介绍 metisMenu是一个jQuery的导航栏插件,使用该插件可以定义导航栏的二级甚至三级导航菜单,并能实现菜单的折叠和展开等操作,将节省我们的开发时间,提高开发效率. 引入方式: npm $ n ...
推荐40个简单的 jQuery 导航插件和教程【下篇】
在这篇文章中,我为大家收集了40款非常棒的 jQuery 导航插件和教程.导航作为网站重要的组成部分,能够帮助用户找到他们想要的内容,因此导航设计的好坏决定了用户能够在你的网站停留更长的时间,浏览更多 ...
WPJAM网址导航：最轻便快捷的WordPress网址导航插件
简介: 现在网址导航站点可能已经不再那么重要了,但是一些独立垂直的网址导航站点还是有它的独特魅力. 这是一款WordPress果酱和 XinTheme 一起联合做的一个网址导航插件,让你通过最简单的方 ...
一些必看的jQuery导航插件和教程
2019独角兽企业重金招聘Python工程师标准>>> 导航是一个网站最重要的元素之一,您必须遵循统一的风格来设计您的网站,特别是导航的风格,让用户可以轻松地找到他们想要的内容.这里 ...
收藏一些 JQuery 导航插件
本文收集了10款极具创意的jQuery导航插件,包含上下文菜单键. 浮动.下拉和其他自定义等,供开发者学习.参考. 1. AoG Carousel 类似于3D旋转转盘菜单.可利用鼠标进行任意操作.在线 ...
VSTO | 零基础开发个人专属PPT导航插件
hello,大家好,我是似最初一名不着调的PPTer 谈起PPT插件,几乎现在已经被@只为设计巨佬开发到天花板了所以作为小白,只能简单和大家共同探讨一下如何做一款独属的PPT导航插件. 诸如下面这 ...
45个jQuery的导航插件和教程
正如我们所知道的,一个新用户访问一个网站时,决定他们去留的关键是最初的15-20秒种.这是至关重要的,你必须遵循统一的风格来设计您的网站,特别是导航的风格,可能性规则,让用户可以轻松地找到他们想要的内 ...
jQuery导航插件One-Page-Nav演示-显示命名锚记
jQuery导航插件One-Page-Nav演示-显示命名锚记简介使用选项示例推荐简介电商网站的分类比较明确,比如1楼是手机通讯产品,2楼是家用电器,3楼是服装鞋包等等,旁边还会有一个固 ...
Everpano 3D导航插件Navigator Plugin的一些理解实例
Everpano 3D导航插件: 曾经想过做360全景虚拟漫游项目让游览,更清晰,不需要用箭头弄乱全景漫游,允许用户自由浏览内容,所以这里是Everpano 3D导航插件Navigator ...

metisMenu导航插件

metisMenu导航插件相关推荐

最新文章

热门文章