文件名称:priority-plus:优先级加导航模式的现代实现
文件大小:166KB
文件格式:ZIP
更新时间:2024-05-22 03:13:19
navigation responsive priority vanilla-javascript menu
priorityPlus 导航模式的现代化实现。 您可以在上看到一个演示。 这里还有一个Glitch笔有一个不同的样式示例。 查看。 简短的东西: Vanilla JS,无依赖关系。 可作为ES6模块或分配给全局priorityPlus嵌入式IIFE使用。 使用代替基于宽度的计算。 切换适当的属性以保持可访问性。 当所有项目都处于上溢/隐藏状态时,提供一个类钩子以对菜单进行不同样式设置。 提供一种使用隐藏项计数更新溢出切换按钮的方法。 在gzip之后以不到2.5kb的速度gzip 。 它是什么 正如所说: Priority +模式...公开了被认为是最重要的导航元素,并在“更多”链接后面隐藏了不重要的项目。 当用户单击“更多”链接时,次重要的项目将显示出来。 该库通过将尽可能多的导航项放入“主”导航中,然后将其余的导航项自动移动到下拉菜单中来实现该模式。 如果有更多
【文件预览】:
priority-plus-master
----.gitignore(44B)
----cypress.json(59B)
----tsconfig.json(290B)
----README.md(13KB)
----.nvmrc(8B)
----.github()
--------workflows()
----docs()
--------img()
----cypress()
--------integration()
--------support()
--------fixtures()
--------plugins()
----package.json(3KB)
----tslint.json(386B)
----src()
--------css()
--------utils()
--------validation.ts(1KB)
--------browser.ts(463B)
--------events()
--------priorityPlus.ts(15KB)
--------types()
----www()
--------index.html(2KB)
----.npmignore(84B)
----.editorconfig(191B)
----package-lock.json(193KB)