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

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

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免费

已有0人支付


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

刺猬QQ交流群号多少?
363432

发表评论