任何人都可以建议基于 CSS 的大型菜单,它在菜单下方(打开时)向下滑动网站,并在菜单关闭时向上滑动网站。或者如何构建这种类型的菜单。
提前致谢
可以使用 css 过渡。但如果没有 javascript,您将无法通过鼠标点击触发动画。
.slidemenu
{
height: 0;
background: red;
transition: height 1s ease 0s;
overflow: hidden;
}
.slidedown
{
height: 20px;
}
当您将.slidedown
类添加到菜单时,它会向下滑动。移除时 - 向上滑动
更新(2014 年 3 月 20 日):
可以仅使用 css ( http://jsfiddle.net/RMfSB/ ) 打开菜单。它可能没用,因为菜单会在失去焦点后关闭,但它可以工作。