-1

我有以下等式，但我没有解决方案:) 我需要一个导航菜单，它简单地由

<ul id="nav">
   <li>
      <a>link</a>
        </li>
other 20 li's ...and last a select which contains li's that no longer have space on menu ...
        <ul>
            <li>
            <a>last li's that cannot be displayed on nav menu </a>
            </li>
       </ul>
    </ul>

我怎样才能做到这一点？？并在调整菜单宽度时调整窗口大小 li 进行最后一次选择，然后展开返回菜单。

如果有人可以为此提供一个不错的 jQuery，请帮助我。

谢谢你

4

2 回答 2

1

HTML 代码无效，所以我试图在两行之间阅读。

有两种可能的解决方案。

TinyNav.js。

它不会像你描述的那样做，但是它会通过媒体查询自动将列表转换为选择。通常这是为了使菜单在小屏幕上更友好。

在我看来，20 个列表项太多而无法显示，在这种情况下，尝试使用子菜单项移动到较小的数量是一个好方法。您通过Superfish显示子菜单项。不是选择，但可以说更好，因为子菜单项出现在将鼠标悬停在父项上。

于 2012-07-24T09:21:15.143 回答
1

使用 window.onresize DOM 事件

window.onresize = function(event) {

 your code for changing content of ul goes here     

}
于 2012-07-24T09:33:53.573 回答