当前位置：刺猬源码 > 前端素材 > js点击全屏打开导航菜单动画特效

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

作者 : 小刺猬本文共547个字，预计阅读时间需要2分钟发布时间： 2020-07-30 共534人阅读

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

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

js代码

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

function toggleMenu(e) {
    menuItems.classList.toggle('open');
    menuContainer.classList.toggle('full-menu');
    menuIcon.classList.toggle('fa-bars');
    menuIcon.classList.add('fa-times');
    e.preventDefault();
}

menu.addEventListener('click', toggleMenu, false);
</script>
VIP免费 永久VIP免费当前隐藏内容需要支付1金币
已有0人支付

刺猬源码 » js点击全屏打开导航菜单动画特效