• 文章介绍
  • 评价建议
  • 一款js+css3实现的右上角圆形导航菜单代码,鼠标点击圆形图标打开菜单动画特效。

    js代码

    <script>
    toggle = document.querySelectorAll(".toggle")[0];
    nav = document.querySelectorAll("nav")[0];
    toggle_open_text = "Menu";
    toggle_close_text = "Close";
    
    toggle.addEventListener("click", function() {
    	nav.classList.toggle("open");
    	
      if (nav.classList.contains("open")) {
        toggle.innerHTML = toggle_close_text;
      } else {
        toggle.innerHTML = toggle_open_text;
      }
    }, false);
    </script>
    

    OC共享平台----官方网址www.ocvoc.com 微信公众号ocvocc 可查询欧闪科技 本站免费资源 需要投广告,赞助的请多多支持,谢谢!
    欧闪科技---oc平台专业提供小程序源码|网站源码|Office素材|游戏服务端|棋牌源码服务端||装修素材|MAC软件下载|免费电影|教育资讯|视频点播|jquery特效 » css3动画圆形导航菜单js特效代码

    Leave a Reply

    提供最优质的资源集合

    立即查看 了解详情

    Optimized by WPJAM Basic