使用jQuery水平滑动div

时间:2012-11-18 01:19:40

标签: jquery menu navigation slide sliding

我想像这个网站创建一个类似的滑动面板动画: http://www.grano.hu/

我在浏览器的左侧有一个固定的垂直侧栏主导航div,其中的链接在点击后应从后面向右滑出辅助导航栏,以便它显示在旁边 主导航栏。这个辅助导航栏也有链接,当点击时会从后面向右滑动一个带有内容的最后第三个div(就像上面的网站一样)。

当您点击辅助栏中的其他链接时,内容div应向左滑动以使其隐藏,然后立即向右滑动以替换它。

此外,如果单击固定主导航栏中的链接,则当前内容div应向左滑动,然后立即向左滑动辅助导航菜单,以便显示的唯一面板是固定主导航菜单。然后,不同的相应辅助导航面板应立即向右滑动。

我是jQuery的新手,不明白如何构建这个,所以我非常感谢你的帮助。

基本上,我希望我的导航面板可以像上面的示例网站一样滑入和滑出,但是不必单击每个面板右上角的关闭图标来折叠面板,我希望这些功能自动运行。

感谢您的帮助!

0 个答案:

没有答案