新年
快乐
js点击全屏打开导航菜单动画特效

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

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>

相关推荐

Leave a Reply

Your email address will not be published. Required fields are marked *