水平(选项卡式)菜单,可以将溢出的项目包装到可折叠的下拉列表中

时间:2010-04-10 01:36:23

标签: javascript html css menu

这是关于html / css / javascript菜单;)

我正在寻找统一的解决方案,当它溢出容器时隐藏水平/标签式菜单的额外标签。

最初的想法是从firefox标签工作流程中抄袭的,即当你有太多标签时,它会将额外的标签包装成可折叠的下拉按钮“列出所有标签”。

我正在考虑使用溢出:自动与javascript一起使用,但有没有这样的东西已经实现或者可能有更好的主意?

感谢。

1 个答案:

答案 0 :(得分:1)

溢出:用javascript准确监控自动可能是一件困难的事情。您应该在这里监视两件事:父容器和包含选项卡的UL(可能是LI中的链接)。您可以非常可靠地在javascript中对两个元素的宽度进行定量比较。

我不确定你喜欢使用哪个库,但是YUI有一个非常强大的实用工具 - Region。它返回一个对象,其中包含有关元素的有用属性 - 它在文档中的位置,大小以及与其他元素的交集(请参阅http://www.wait-till-i.com/2007/08/28/monitoring-element-size-and-position-with-the-yui/)。

无论您最终使用哪个库(或根本没有),Region背后的概念应该可以帮助您朝着正确的方向前进。