设为首页收藏本站
开启辅助访问 切换到宽版
快捷导航 发布信息
搜索
搜索附件  
自丢网 › 附件中心 › 模板下载 › 网页特效 › 菜单导航代码 ›js点击全屏打开导航菜单动画特效.zip

板块导航

热门下载

左侧广告
版权所有：自丢网
For 2020-2050 © zidiu.com

js点击全屏打开导航菜单动画特效.zip

 

js点击全屏打开导航菜单动画特效:

这是一款炫彩动画效果的网站菜单展开代码，js点击全屏打开导航菜单动画特效下载。

  1. js代码

  3. <script>
  4. const menu = document.querySelector('#toggle');  
  5. const menuItems = document.querySelector('#overlay');  
  6. const menuContainer = document.querySelector('.menu-container');  
  7. const menuIcon = document.querySelector('i');  

  9. function toggleMenu(e) {
  10.     menuItems.classList.toggle('open');
  11.     menuContainer.classList.toggle('full-menu');
  12.     menuIcon.classList.toggle('fa-bars');
  13.     menuIcon.classList.add('fa-times');
  14.     e.preventDefault();
  15. }

  17. menu.addEventListener('click', toggleMenu, false);
  18. </script>
复制代码