头部导航JS修改,复制HT

master
candice 4 weeks ago
parent eab42812de
commit baa67bdd20

@ -400,47 +400,47 @@ bottom: 130px;
</div>
</nav>
<script>
(function () {
const menuEl = document.getElementById("ml-menu");
const mainMenu = document.getElementById("main-menu");
const mainMenuItems = mainMenu.querySelectorAll("a[data-menu-item]");
var lastMenuItem = null;
mainMenuItems.forEach(item => {
item.addEventListener('click', function () {
mainMenu.style.visibility = 'hidden';
const submenuId = this.getAttribute('data-submenu');
const submenu = document.getElementById(submenuId);
lastMenuItem = submenu;
submenu.style.visibility = 'visible';
});
});
const backButtonList = document.querySelectorAll("button[data-back-button]");
backButtonList.forEach(back => {
back.addEventListener('click', function () {
mainMenu.style.visibility = 'visible';
lastMenuItem.style.visibility = 'hidden';
});
});
const openMenuCtrl = document.querySelector(".action--open");
const closeMenuCtrl = document.querySelector(".action--close");
openMenuCtrl.addEventListener("click", openMenu);
closeMenuCtrl.addEventListener("click", closeMenu);
function openMenu() {
menuEl.classList.add("menu--open");
openMenuCtrl.style.display = 'none';
closeMenuCtrl.style.display = 'block';
}
function closeMenu() {
menuEl.classList.remove("menu--open");
openMenuCtrl.style.display = 'block';
closeMenuCtrl.style.display = 'none';
}
})();
</script>
(function () {
const menuEl = document.getElementById("ml-menu");
const mainMenu = document.getElementById("main-menu");
const mainMenuItems = mainMenu.querySelectorAll("a[data-menu-item]");
var lastMenuItem = null;
mainMenuItems.forEach(item => {
item.addEventListener('click', function () {
mainMenu.style.visibility = 'hidden';
const submenuId = this.getAttribute('data-submenu');
const submenu = document.getElementById(submenuId);
lastMenuItem = submenu;
submenu.style.visibility = 'visible';
});
});
const backButtonList = document.querySelectorAll("button[data-back-button]");
backButtonList.forEach(back => {
back.addEventListener('click', function () {
mainMenu.style.visibility = 'visible';
lastMenuItem.style.visibility = 'hidden';
});
});
const openMenuCtrl = document.querySelector(".action--open");
const closeMenuCtrl = document.querySelector(".action--close");
openMenuCtrl.addEventListener("click", openMenu);
closeMenuCtrl.addEventListener("click", closeMenu);
function openMenu() {
menuEl.classList.add("menu--open");
openMenuCtrl.style.display = 'none';
closeMenuCtrl.style.display = 'block';
}
function closeMenu() {
menuEl.classList.remove("menu--open");
openMenuCtrl.style.display = 'block';
closeMenuCtrl.style.display = 'none';
}
})();
</script>
<!--@HEAD_1@-->

Loading…
Cancel
Save