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

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

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

1. js代码
   
2. 
   
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');  
   
8. 
   
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. }
    
16. 
    
17. menu.addEventListener('click', toggleMenu, false);
    
18. </script>

复制代码

js点击全屏打开导航菜单动画特效.zip (332.45 KB, 下载次数: 610)

2021-3-3 18:08 上传

点击文件名下载附件
js点击全屏打开导航菜单动画特效