// JavaScript代码实现二级菜单伸缩
// 请将HTML结构和CSS样式与JavaScript代码一起使用
// 获取所有的二级菜单项
var items = document.querySelectorAll('.second-level-menu > li');
// 为每个菜单项添加点击事件监听器
for (var i = 0; i < items.length; i++) {
var item = items[i];
var link = item.querySelector('a');
var subMenu = item.querySelector('.third-level-menu');
if (subMenu) {
// 如果当前菜单项有子菜单,则添加点击事件监听器
link.addEventListener('click', function(e) {
e.preventDefault();
subMenu.classList.toggle('show');
});
}
}
JavaScript教程如何实现伸缩二级菜单
文件列表
js伸缩二级菜单.zip
(预估有个5文件)
02_teleMenu
on.png
3KB
02.style.css
290B
off.png
3KB
03.javascript.js
697B
01.index.html
725B
暂无评论