58 lines
2.2 KiB
JavaScript
58 lines
2.2 KiB
JavaScript
// document.addEventListener('DOMContentLoaded', function() {
|
|
// const menuIcon = document.getElementById('menu-icon');
|
|
// const menuContainer = document.querySelector('.menu-container');
|
|
// const header = document.querySelector('.header');
|
|
// const menu = document.querySelector('.menu');
|
|
// menuIcon.addEventListener('click', function() {
|
|
// if (menuContainer.style.display === "none") {
|
|
// menuContainer.style.display = "flex";
|
|
// menuContainer.style.height="100px"
|
|
// header.style.height="100px"
|
|
// menu.style.width="100%"
|
|
// menuContainer.style.flexDirection = "column"
|
|
// } else {
|
|
// menuContainer.style.display = "none";
|
|
// header.style.height="50px"
|
|
// }
|
|
// });
|
|
// });
|
|
|
|
// 获取所有的.menu元素
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const menus = document.querySelectorAll('.menu');
|
|
|
|
// 遍历所有.menu元素并添加点击事件监听器
|
|
menus.forEach(menu => {
|
|
menu.addEventListener('click', function() {
|
|
// 获取被点击的菜单的数据属性值
|
|
const menuName = this.getAttribute('data-menu');
|
|
const menuText = this.textContent;
|
|
const jianjie= document.querySelector('.jianjie')
|
|
const xiangmu= document.querySelector('.xiangmu')
|
|
const wangzhan= document.querySelector('.wangzhan')
|
|
const gongsi= document.querySelector('.gongsi')
|
|
|
|
if(menuText==="简 介"){
|
|
jianjie.style.display="flex"
|
|
xiangmu.style.display="none"
|
|
wangzhan.style.display="none"
|
|
gongsi.style.display="none"
|
|
}else if(menuText==="项 目"){
|
|
jianjie.style.display="none"
|
|
xiangmu.style.display="flex"
|
|
wangzhan.style.display="none"
|
|
gongsi.style.display="none"
|
|
}else if(menuText==="网 站"){
|
|
jianjie.style.display="none"
|
|
xiangmu.style.display="none"
|
|
wangzhan.style.display="flex"
|
|
gongsi.style.display="none"
|
|
}else if(menuText==="公 司"){
|
|
jianjie.style.display="none"
|
|
xiangmu.style.display="none"
|
|
wangzhan.style.display="none"
|
|
gongsi.style.display="flex"
|
|
}
|
|
});
|
|
})
|
|
}) |