扁平响应式布局的黑色垂直jquery导航代码

扁平响应式布局的黑色垂直jquery导航代码，可以实现跨平台，跨浏览器完美显示。当然，古董级浏览器IE6不支持。

第一步、在head区域引入<!--引入开始-->和<!--引入结束-->之间的代码。
第二步、在body区域引入<!--代码开始-->和<!--代码结束-->之间的代码。
css目录下的font文件夹里面的四个文件为字体的四种格式。font-awesome.css文件中的下面代码：

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=3.1.0');
  src: url('font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),
       url('font/fontawesome-webfont.woff?v=3.1.0') format('woff'),
       url('font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),
       url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

是配合这四个字体文件，以实现在没有安装该字体的浏览器上也能正确显示这种字体。