@aaronrory/js-dropdownmenu 中文文档教程

发布于 5年前 浏览 18 项目主页 更新于 3年前

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>

实时 Githack 链接:https://raw.githack.com/Aaron-RN/JS-DropdownMenu/gitshow/dist/index.html

Built With

  • HTML, CSS
  • JavaScript
  • Webpack

Authors

Aaron Rory

Contributing

欢迎贡献、问题和功能请求!

请随时查看问题页面

Show your support

喜欢这个项目就给一个⭐️吧!

License

该项目已获得 MIT 许可。

JS-DropdownMenu

A bare minimum importable module for JavaScript drop down menus

screenshot

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 Githack Link: https://raw.githack.com/Aaron-RN/JS-DropdownMenu/gitshow/dist/index.html

Built With

  • HTML, CSS
  • JavaScript
  • Webpack

Authors

???? Aaron Rory

???? 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.

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文