JS css3蓝色手风琴图标菜单特效代码下载

JS css3蓝色手风琴图标菜单特效代码下载

1. 引入CSS

<link rel="stylesheet" href="./assets/css/iconfont.css">
<link rel="stylesheet" href="./assets/css/style.css">

                           

2. HTML代码

  <div class="middle">
    <ul class="menu">
      <li class="item" id="profile">
        <a href="#profile" class="btn"><i class="iconfont icon-user"></i>我的</a>
        <div class="smenu">
          <a href="javascript:void(0);">发布</a>
          <a href="javascript:void(0);">图片</a>
        </div>
      </li>
      <li class="item" id="messages">
        <a href="#messages" class="btn"><i class="iconfont icon-mail"></i>邮件</a>
        <div class="smenu">
          <a href="javascript:void(0);">写邮件</a>
          <a href="javascript:void(0);">草稿箱</a>
          <a href="javascript:void(0);">已发送</a>
          <a href="javascript:void(0);">垃圾箱</a>
        </div>
      </li>
      <li class="item" id="settings">
        <a href="#settings" class="btn"><i class="iconfont icon-setting"></i>设置</a>
        <div class="smenu">
          <a href="javascript:void(0);">密码</a>
          <a href="javascript:void(0);">语言</a>
        </div>
      </li>
      <li class="item">
        <a href="javascript:void(0);" class="btn"><i class="iconfont icon-logout"></i>注销</a>
      </li>
    </ul>
  </div>

用户评论

18素材网

一个让开发更高效的素材分享平台,用于快速开发强大的Web界面。


官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:864918708
Css3+Html5讨论群
群号:864918708

加群请备注:从官网了解到