───✱*.｡:｡✱*.:｡✧*.｡✰*.:｡✧*.｡:｡*.｡✱ ───
6//?r=⭐ &d=2024/6/30 11:23:42 &b=ly0zl8dm
mmenu.js - App look-alike menus with sliding submenus
6//?r=⭐ &d=2024/6/30 11:52:42 &b=ly10miqs
adgsm/multi-level-push-menu: MultiLevelPushMenu jQuery Plugin implementation
https://github.com/adgsm/multi-level-push-menu?utm_source=cdnjs&utm_medium=cdnjs_link&utm_campaign=cdnjs_library | https://multi-level-push-menu.dzunic.net/ var arrMenu = [ { title: ‘All Categories’, id: ‘menuID’, icon: ‘fa fa-reorder’, items: [ {
6//?r=⭐ &d=2024/6/29 17:37:55 &b=lxzximpy
Simple CSS Dropdown
https://codepen.io/twodogstar/pen/abyZmy
6//?r=⭐ &d=2024/6/29 17:48:42 &b=lxzxwhcr
craigerskine/css-menu: Pure CSS multi-menu navigation system with hover persistence
https://github.com/craigerskine/css-menu
6//?r=⭐ &d=2024/6/29 17:34:22 &b=lxzxe1yr
oziavci/ozmenu-responsive-dropdown-menu: Responsive multi-level menu with pure JavaScript and CSS. You can easily use the design by editing it according to your project.
https://github.com/oziavci/ozmenu-responsive-dropdown-menu
6//?r=⭐ &d=2024/6/29 16:29:14 &b=lxzv2awm
10 Best Responsive Dropdown Menus In JavaScript & CSS (2024 Update) | jQuery Script
https://www.jqueryscript.net/blog/best-responsive-dropdown-menus.html | ## Cross-platform Multi-level Dropdown Menu - Vegas Nav https://www.jqueryscript.net/images/multi-level-dropdown-vegas-nav.jpg
## Mobile-friendly Multi-level Dropdown Navigation With jQuery https://www.jqueryscript.net/images/mobile-multi-level-dropdown.jpg
Responsive Multi-level Dropdown Menu For Navbar
https://github.com/piotr-kmita/dropdown-menu
Responsive Multi-level Dropdown Menu With JavaScript And CSS – ozmenu.js
Pure CSS Dropdown Menus:
Pure CSS Multi-level Navigation – menu.css
6//?r=⭐ &d=2024/6/30 11:43:33 &b=ly10ar7y
metisMenu - index
https://onokumus.github.io/metismenu/
6//?r=⭐ &d=2024/6/23 10:58:17 &b=lxqylkyd
How To Create a Dropdown Navigation Bar
https://www.w3schools.com/howto/howto_css_dropdown_navbar.asp
6//?r=⭐ &d=2024/6/23 11:04:05 &b=lxqyt1cc
How To Create a Subnavigation Menu
https://www.w3schools.com/howto/howto_css_subnav.asp
6//?r=⭐ &d=2024/6/23 11:05:06 &b=lxqyucv8
How To Create a Dropup Menu
https://www.w3schools.com/howto/howto_css_dropup.asp
6//?r=⭐ &d=2024/6/23 10:59:57 &b=lxqynpq2
How To Create a Hoverable Dropdown Menu
https://www.w3schools.com/howto/howto_css_dropdown.asp
6//?r=⭐ &d=2024/6/23 11:00:11 &b=lxqyo0t7
How To Create a Dropdown Menu With CSS and JavaScript
https://www.w3schools.com/howto/howto_js_dropdown.asp
6//?r=⭐ &d=2024/6/23 10:58:25 &b=lxqylr5g
Search/Filter Dropdown
https://www.w3schools.com/howto/tryhow_css_js_dropdown_filter_ifr.htm |
6//?r=⭐ &d=2024/6/23 11:03:02 &b=lxqyrp36
Sidebar Dropdown
https://www.w3schools.com/howto/tryhow_js_sidenav_dropdown_ifr.htm |
Sidebar Dropdown
6//?r=⭐ &d=2024/6/23 11:06:27 &b=lxqyw2yz
Toggle Sidepanel
https://www.w3schools.com/howto/tryhow_js_collapse_sidepanel.htm |
☰ Toggle Sidepanel
6//?r=⭐ &d=2024/6/23 11:08:42 &b=lxqyyyt0
How To Create a Menu Icon
https://www.w3schools.com/howto/howto_css_menu_icon.asp |
How TO - Menu Icon
6//?r=⭐ &d=2024/6/23 14:08:15 &b=lxr5dvic
javascript - How to convert li navbar dropdown with dropUp - Stack Overflow
https://stackoverflow.com/questions/70123466/how-to-convert-li-navbar-dropdown-with-dropup
仅使用js实现，当鼠标指针悬停在页面右下角40px乘以40px的正方形区域时，在距离页面底部40px处生成一个长818px宽40px的div，id为navBar， 当鼠标指针离开navBar所在的范围时，隐藏navBar。
请将下面代码中Dropdown的菜单改为Dropup
/* The dropdown container */ .dropdown { float: left; overflow: hidden; }
/* Dropdown button / .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; / Important for vertical align on mobile phones / margin: 0; / Important for vertical align on mobile phones */ }
/* Add a red background color to navbar links on hover */ .navbar a:hover, .dropdown:hover .dropbtn { background-color: red; }
/* Dropdown content (hidden by default) */ .dropdown-content { display: none; position: absolute; background-color: f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
/* Links inside the dropdown */ .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
/* Add a grey background color to dropdown links on hover */ .dropdown-content a:hover { background-color: ddd; }
/* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; }
请提供js代码，用下面的数据生成菜单，菜单的层级结构参照数组的层级结构， 也就是说菜单项包含”about”，“file”，“edit”，“view”，“help”， 菜单项”about”下没有子菜单项， 菜单项”file”包含1子菜单项”open”， 菜单项”edit”项包含2个子菜单项，分别是”copy”和”paste”， 菜单项”view”包含1子菜单项”zoom”，子菜单项”zoom”包含2个子菜单项，分别是”in”和”out”， 菜单项”help”项下也没有子菜单。 const arr = [ “about” [“file”, [“open”]], [“edit”, [“copy”, “paste”]], [“view”, [“zoom”, [“in”, “out”]]], “help” ];
运行结果仍然是”in”里面包含”out”，我希望”in”和”out”是并列的关系，都是2级子菜单。
js代码生成菜单，菜单的层级结构如下， 菜单项5个，包含”about”，“file”，“edit”，“view”，“help”， “about”下没有子菜单项， “file”包含1子菜单项”open”， “edit”项包含2个子菜单项，分别是”copy”和”paste”， “view”包含1子菜单项”zoom”，“zoom”包含2个子菜单项，“in”和”out”， “help”项下没有子菜单。
───✱*.｡:｡✱*.:｡✧*.｡✰*.:｡✧*.｡:｡*.｡✱ ───