jQuery滑动菜单

我目前正在设计一个应该分为三个主要部分的网站。为此，我想使用下面图片中的大菜单。当用户悬停在三个盒子中的一个盒子上时，它应该展开以揭示关于该部分的更多信息等等。jQuery滑动菜单

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

enter image description here

我想看看jQuery的动画函数。 – Ivan 2011-06-02 18:22:42

你想要搜索一个jQuery手风琴插件。 – Sparky 2011-06-02 18:24:04

有一个叫jQuery插件kwicks

enter image description here

2011-06-02 18:25:32 Bodman

jQuery的手风琴将不正是你正在寻找做什么。链接这里：Jquery Accordion

2011-06-02 18:23:26

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

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

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

和鼠标了这样的事情：

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

2011-06-02 18:24:50

回答