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

回答