悬停时侧边栏菜单折页

时间:2014-03-05 23:56:22

标签: javascript html css responsive-design

我想在我的页面上添加一个侧栏菜单,看起来像http://feedly.com/#discover上的那个

enter image description here

它的工作方式是当您将鼠标悬停在侧边栏上时,菜单会显示出来。当鼠标离开侧边栏时,菜单会隐藏。

作为一个额外的(非常没有它)我希望当菜单折叠时内容被推到右边。

有谁能告诉我怎么做?

我试着查看他们的来源或找到类似的东西,但不能......

非常感谢任何关于从哪里开始寻找的指示!

1 个答案:

答案 0 :(得分:2)

本教程和演示可能会有所帮助。

http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations/

它有一个推出侧菜单的例子。您必须将事件更改为鼠标悬停以及切换按钮和侧面菜单本身的鼠标输出。