一款基于jQuery制作蓝色大气的瑜伽健身俱乐部网站响应式导航栏特效,支持悬停展示下拉菜单效果。
适配各个分辨率大小,兼容pc端和移动端展示。
对应的li标签内容修改主导航和子导航文本。
<ul class="menu-list">
<li class="on">
<a href="javascript:;" class="sub-link">
<span>课程介绍</span>
<em>Course</em>
</a>
<div class="menu-sub">
<ul>
<li><a href="javascript:;"><div class="menu-sub-item">全能私教认证课程</div></a></li>
<li><a href="javascript:;"><div class="menu-sub-item">精英私教认证课程</div></a></li>
<li><a href="javascript:;"><div class="menu-sub-item">精英团操认证课程</div></a></li>
<li><a href="javascript:;"><div class="menu-sub-item">单项私教认证课程</div></a></li>
</ul>
</div>
</li>
</ul>