This wiget helps to create a menu.
本组件针对移动端设计,由于视口宽度原因在本页显示有偏差,请点击演示右上角的 [
] 在新窗口中查看。 <nav data-am-widget="menu" class="am-menu am-menu-default"
>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-bars"></i>
</a>
<ul class="am-menu-nav am-avg-sm-3">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-dropdown1"
data-am-menu-collapse
>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-list"></i>
</a>
<ul class="am-menu-nav am-avg-sm-1 am-collapse">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-dropdown1"
data-am-menu-collapse
>
<a href="javascript: void(0)" class="am-menu-toggle">
<img src="data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 26" fill="%23fff"><rect width="4" height="4"/><rect x="8" y="1" width="34" height="2"/><rect y="11" width="4" height="4"/><rect x="8" y="12" width="34" height="2"/><rect y="22" width="4" height="4"/><rect x="8" y="23" width="34" height="2"/></svg>" alt="Menu Toggle"/>
</a>
<ul class="am-menu-nav am-avg-sm-1 am-collapse">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-dropdown1"
data-am-menu-collapse
>
<a href="javascript: void(0)" class="am-menu-toggle">
<span class="am-menu-toggle-title">菜单</span>
<i class="am-menu-toggle-icon am-icon-angle-right"></i>
</a>
<ul class="am-menu-nav am-avg-sm-1 am-collapse">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-dropdown2"
data-am-menu-collapse
>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-bars"></i>
</a>
<ul class="am-menu-nav am-avg-sm-4 am-collapse">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-slide1"
data-am-menu-collapse
>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-bars"></i>
</a>
<ul class="am-menu-nav am-avg-sm-4 am-collapse">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-offcanvas1"
data-am-menu-offcanvas
>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-bars"></i>
</a>
<div class="am-offcanvas" >
<div class="am-offcanvas-bar">
<ul class="am-menu-nav am-avg-sm-1">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</div>
</div>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-offcanvas1"
data-am-menu-offcanvas
>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-bars"></i>
</a>
<div class="am-offcanvas" >
<div class="am-offcanvas-bar am-offcanvas-bar-flip">
<ul class="am-menu-nav am-avg-sm-1">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</div>
</div>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-offcanvas2"
data-am-menu-offcanvas>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-bars"></i>
</a>
<div class="am-offcanvas">
<div class="am-offcanvas-bar am-offcanvas-bar-flip">
<ul class="am-menu-nav am-avg-sm-3">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</div>
</div>
</nav>
<nav data-am-widget="menu" class="am-menu am-menu-stack"
>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-bars"></i>
</a>
<ul class="am-menu-nav am-avg-sm-1">
<li class="am-parent">
<a href="##" class="" >公司</a>
<ul class="am-menu-sub am-collapse am-avg-sm-2 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >人物</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="am-parent">
<a href="#c3" class="" >趋势</a>
<ul class="am-menu-sub am-collapse am-avg-sm-4 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
<li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 »</a></li>
</ul>
</li>
<li class="am-parent">
<a href="##" class="" >投融资</a>
<ul class="am-menu-sub am-collapse am-avg-sm-3 ">
<li class="">
<a href="##" class="" >公司</a>
</li>
<li class="">
<a href="##" class="" >人物</a>
</li>
<li class="">
<a href="##" class="" >趋势</a>
</li>
<li class="">
<a href="##" class="" >投融资</a>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</li>
<li class="">
<a href="##" class="" >创业公司</a>
</li>
<li class="">
<a href="##" class="" >创业人物</a>
</li>
</ul>
</nav>
<body>
of the Amaze UI HTML template(Download);The Handlebars partial of this widget is menu
. See Accordion for more details.
Data binding
button on the right panel, and bind data using following format.var data = [
{
"title": "", // Title of the top level menu.
"link": "", // Link of the top level menu.
"className": "",
"subMenu": [
{ // SubMenu
"title": "", // Title of this sumbmenu
"link": "", // Link of this sumbmenu
"target": ""
}
],
"subCols": 3 // Number of columns in subMenu.
}
];
return data;
{
"id": "",
"className": "",
"theme": "",
"options": {
"cols": 5, // Number of columns in top menu. [1-12]
"offCanvasFlip": false, // Only avilable in offcanvas theme. The offCanvas will be on the left if this is set to false, and on the right if this is true.
},
// Data
"content": [
{
"title": "", // Title of the top level menu.
"link": "", // Link of the top level menu.
"className": "", // The customized class of "li" in the menu
"subCols": "", // Number of columns in subMenu.
"channelLink": "Enter channel »", // Show text in submenu and link to this channel.
"subMenu": [{
"title": "", // Title of the submenu.
"link": "", // Link of the submenu
"className": "", // Class of the menu
}]
}
]
}