jQuery滑块菜单

Question

我目前正在设计一个应该分为三个主要部分的网站。要做到这一点，我想使用如下图所示的大菜单。当用户将鼠标悬停在三个框中的一个框上时，它应该展开以显示有关该部分的更多信息，等等。

我想我已经在某些网站上看到过这样的内容，但我不记得在哪里。你认为我可以使用任何jQuery插件吗？

Answer 1

有一个名为 kwicks

的jquery插件

Example

Source

Answer 2

jquery手风琴将完全符合您的要求。点击此处：Jquery Accordion

Answer 3

我最近做了类似的事情。虽然我无法找到一个完全符合我想要的插件，但使用animate function滚动我自己很容易。基本上你的鼠标在事件上你会想要这样的东西：

var expandedWidth = 300;
var collapsedWidth = 100;
var duration = 400;

$(this).animate({ width: expandedWidth }, duration );

并在鼠标上输出如下内容：

$(this).animate({ width: collapsedWidth }, duration );