【文件属性】:
文件名称:dropdowns:多级响应式下拉菜单
文件大小:5KB
文件格式:ZIP
更新时间:2021-06-18 20:09:04
HTML
响应式下拉导航菜单
响应式、可访问、多级下拉菜单、可换肤且随时可用。
##特征:
多达 3 级导航
在断点处折叠成垂直菜单(默认为 768px)
触摸/点击时激活垂直菜单,悬停时激活水平菜单(我想添加对触摸事件的检测,但大多数屏幕更宽的触摸设备也将悬停事件转换为触摸)
在断点处,菜单默认隐藏,点击“菜单”链接时显示(需要刷新屏幕)
屏幕阅读器可访问
简单的服装化:设计代码与必要的布局 css 代码分离。
##注意在调整CSS和JS文件断点。
需要 jQuery。
等待进一步的浏览器测试。 到目前为止已经在以下方面进行了测试:
现代 Firefox/Chrome/Safari/Opera
IE 8-9
老 IE应该没问题,还没想出可靠测试的方法
Safari 移动版
Android 2.3 股票浏览器
歌剧手机
【文件预览】:
dropdowns-master
----images()
--------upArrow.png(150B)
--------downArrow.png(143B)
----index.html(4KB)
----dropdowns.js(2KB)
----.gitignore(12B)
----dropdowns-skin-default.css(807B)
----dropdowns-skin-discrete.css(1KB)
----README.md(1000B)
----dropdowns.css(1KB)