动态水平菜单

时间:2013-05-03 09:45:30

标签: dynamic drop-down-menu

我正在研究多语言项目,我需要顶级水平菜单的帮助。我必须解决的问题是,每种语言的顶层菜单上的项目(UL> LI)各种长。在某些语言中,1024px浏览器分辨率没有问题(没有断线),其他1280px没有足够的空间。 因此,我根据您的浏览器分辨率搜索将水平菜单动态转换为下拉列表选择列表的脚本。我发现http://css-tricks.com/examples/ConvertMenuToDropdown/但是这会将整个内联UL> LI菜单转换为精确浏览器大小的下拉菜单。我寻找脚本,不会将整个UL更改为下拉列表,但仅部分。因此,在大浏览器分辨率宽度中,您将所有项目内联,当更小的更多LI更改为下拉列表 - 不是全部 - 但逐项。检查和比较动态大小的UL和浏览器分辨率的东西。 我已在https://forum.jquery.com/topic/dynamic-horizontal-menu

上发布了一些问题示例

1 个答案:

答案 0 :(得分:0)

通过@media查询尝试'响应'CSS。它更简单