試圖創建一個選項卡式，彈出式，上升式，頁腳

Question

我想創建一個類似的菜單效果到頁腳crackerbarrel.com，其中當您將鼠標懸停在其上時，底部的選項卡會捲起。它將標籤保留在頂部，整個事物都會滑落，並留出額外內容。

我在CSSplay處發現了類似的效果。我想我的主要問題是，這個效果叫什麼，所以我可以找到教程？

我一直在尋找「上升」，「拉起」，「下拉式變體」，並且今天發現了很多很酷的CSS技巧，但沒有具體說明這種效果。

感謝您的幫助！

Answer 1

Jquery SlideUp。在這裏：Jquery SlideUp

例子：

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown

你給的例子可以註冊到目標元素的hover處理程序進行。

jquery .hover()

更完整的演示，從頭開始：

http://www.mkyong.com/jquery/jquery-slideup-slidedown-and-slidetoggle-example/