如何制作像 dabblet 这样的导航栏,在悬停时会下降?
http://sampsonblog.com/289/of-dice-dabblet-and-css
请注意,当您将鼠标悬停在“全部”上时,它似乎会从页面顶部下拉。我知道可以通过使两个具有 css 绝对位置的 div 来适当地定位“所有”和“内容”:
<div id="content">-All content that would come with the dropdown here/div>
<div id="all">All</div>
然后使用jquery附加悬停事件以动画“all”并使用动画使“all”和“content”css下拉(我有两个更新两个单独的dom元素的位置)。有没有更好的方法在 dom 中构造它,并且可能只使用 CSS3 来完成这个而不是描述和/或更好的方法来构造 dom,这样我就不必同时更新内容的位置和所有内容?