0

任何人都可以建议基于 CSS 的大型菜单，它在菜单下方（打开时）向下滑动网站，并在菜单关闭时向上滑动网站。或者如何构建这种类型的菜单。

提前致谢

4

1 回答 1

1

可以使用 css 过渡。但如果没有 javascript，您将无法通过鼠标点击触发动画。

.slidemenu
{
    height: 0;
    background: red;
    transition: height 1s ease 0s;
    overflow: hidden;
}

.slidedown
{
    height: 20px;
}

当您将.slidedown类添加到菜单时，它会向下滑动。移除时 - 向上滑动

http://jsfiddle.net/TXkWB/

更新（2014 年 3 月 20 日）：

可以仅使用 css ( http://jsfiddle.net/RMfSB/ ) 打开菜单。它可能没用，因为菜单会在失去焦点后关闭，但它可以工作。

于 2013-01-17T08:18:38.493 回答