javascript - 当鼠标悬停在另一个 div 上时从下面滑出的 div 叫什么？

Question

我正在尝试创建一个 Javascript 效果，我确信我以前见过很多次。但是，我似乎找不到合适的术语。它不是“ slider ”、“滑出菜单”、“滑出选项卡”或“选项卡”。到目前为止，这些术语导致 Google 带我查看各种示例和教程，以获取我不想要的东西。

我追求的效果是这样的:

Div 2 位于 Div 1 的后面，直到用户将鼠标悬停在 Div 2 的可见部分上，这会导致它滑出以显示更多内容。当用户将鼠标移开时，Div 2 会滑回到 Div 1 下方。

你怎么称呼这个效果，这样我就可以为它找到turorials或Javascript代码？或者，如果有人可以指导我举个例子或解释如何去做，那就太好了。

Answer 1

我很抱歉代码很糟糕，但是你需要这样的东西吗？ http://jsfiddle.net/D7Z8v/

$("#smalldiv").hover(function() {
$("#smalldiv").animate({marginLeft: 200});       
}, function() {
$("#smalldiv").animate({marginLeft: 0});
});

您可能需要将悬停函数内的“marginLeft”更改为更合适的内容，但它看起来正是您所需要的。