@aaronrory/js-dropdownmenu 中文文档教程
JS-DropdownMenu
下拉菜单的最低限度可
导入
To install module
用于JavaScript
import MenuHandler from '@aaronrory/js-dropdownmenu';
const menuHandler = new MenuHandler();
menuHandler.constructMenus();
模块 npm install @aaronrory/js-dropdownmenu --save
Instructions
只需按照类似的布局将此保管箱功能添加到您的 html 页面。 您必须有两个主要的 div 元素,父级和 包含下拉链接或项目的子 div 中的 data-dropDownContent = "true"
属性。
<div data-dropDownMenu="verticle">
<span>Dropdown Menu</span>
<div data-dropDownContent ="true">
<a href="#">Dropdown 1</a>
<a href="#">Dropdown 2</a>
<a href="#">Dropdown 3</a>
</div>
</div>
Live Link
实时 Githack 链接:https://raw.githack.com/Aaron-RN/JS-DropdownMenu/gitshow/dist/index.html
Built With
- HTML, CSS
- JavaScript
- Webpack
Authors
Aaron Rory
- Github: @Aaron-RN
- Twitter: @ARNewbold
- Linkedin: Aaron Newbold
Contributing
欢迎贡献、问题和功能请求!
请随时查看问题页面。
Show your support
喜欢这个项目就给一个⭐️吧!
License
该项目已获得 MIT 许可。
JS-DropdownMenu
A bare minimum importable module for JavaScript drop down menus
To install module
Add the following JavaScript code to your main js file
import MenuHandler from '@aaronrory/js-dropdownmenu';
const menuHandler = new MenuHandler();
menuHandler.constructMenus();
To install the module use the command: npm install @aaronrory/js-dropdownmenu --save
Instructions
Simply follow the similar layout to add this dropbox functionality to your html page. You must have two main div elements with the data-dropDownMenu = "verticle"
attribute for the parent and data-dropDownContent = "true"
attribute in the child div containing the dropdown links or items.
<div data-dropDownMenu="verticle">
<span>Dropdown Menu</span>
<div data-dropDownContent ="true">
<a href="#">Dropdown 1</a>
<a href="#">Dropdown 2</a>
<a href="#">Dropdown 3</a>
</div>
</div>
Live Link
Live Githack Link: https://raw.githack.com/Aaron-RN/JS-DropdownMenu/gitshow/dist/index.html
Built With
- HTML, CSS
- JavaScript
- Webpack
Authors
???? Aaron Rory
- Github: @Aaron-RN
- Twitter: @ARNewbold
- Linkedin: Aaron Newbold
???? Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a ⭐️ if you like this project!
???? License
This project is MIT licensed.