当前位置:首页 > 网页特效 > 菜单导航 >

美图秀秀网站导航菜单特效

时间:2014-05-21 00:12 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

美图秀秀网站导航菜单特效美图秀秀网站导航菜单特效是一款美图秀秀网站的二级导航菜单特效,是用纯css样式代码实现的,没有任何的javascript和jquery代码参与。css网站导航二级导航美图秀秀 所属专题:菜单导航

<div class="page">
  <div id="MT_navwrap">
    <div id="MT_nav">
      <ul>
        <li class="MT-item MT-first"><a href="http://www.codesocang.com/" hidefocus="true"><span class="MT-logo"></span></a></li>
        <li class="MT-item"><a href="http://www.codesocang.com/" hidefocus="true" class="MT-bg">美图手机</a>
          <div><span class="MT-arrow"></span><a href="http://www.codesocang.com/" hidefocus="true">美图手机2</a><a href="http://www.codesocang.com/" hidefocus="true">美图手机1S(2014款)</a><a href="http://www.codesocang.com/" hidefocus="true" class="MT-list-last">美图手机1C(2014款)</a></div>
        </li>
        <li class="MT-item"><a href="http://www.codesocang.com/" hidefocus="true" class="MT-bg">手机配件</a></li>
        <li class="MT-item MT-current"><a href="http://www.codesocang.com/" hidefocus="true" class="MT-bg">美图秀秀<i class="MT-more"></i></a>
          <div><span class="MT-arrow"></span><a href="http://www.codesocang.com/" hidefocus="true">美图秀秀电脑版</a><a href="http://www.codesocang.com/" hidefocus="true">美图秀秀iPhone版</a><a href="http://www.codesocang.com/" hidefocus="true">美图秀秀Android版</a><a href="http://www.codesocang.com/" hidefocus="true">美图秀秀iPad版</a><a href="http://www.codesocang.com/" hidefocus="true">美图秀秀网页版</a><a href="http://www.codesocang.com/" hidefocus="true" class="MT-list-last">美图秀秀<span style="font-size:11px">Windows Phone</span>版</a></div>
        </li>
        <li class="MT-item MT-last"><a href="http://www.codesocang.com/" hidefocus="true" class="MT-bg">更多产品<i class="MT-more"></i></a>
          <div><span class="MT-arrow"></span><a href="http://www.codesocang.com/" hidefocus="true">美图看看</a><a href="http://www.codesocang.com/" hidefocus="true">美颜相机</a><a href="http://www.codesocang.com/" hidefocus="true">美拍</a><a href="http://www.codesocang.com/" hidefocus="true">表情工厂</a><a href="http://www.codesocang.com/" hidefocus="true">美陌</a><a href="http://www.codesocang.com/" hidefocus="true" class="MT-list-last">更多···</a></div>
        </li>
      </ul>
    </div>
  </div>
</div>
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

菜单导航下载排行

最新文章