当你从另一个div下面滑落时，你怎么称呼这个div？

Question

我正在尝试创建一个Javascript效果，我相信我已经见过很多次了。然而，我似乎找不到合适的术语。它不是“滑块”，也不是“滑出菜单”或“滑出选项卡”或“选项卡”。到目前为止，这些术语已经导致谷歌带我去看各种各样的例子和教程，这些都不是我想要的。

我想要的效果是这样的：

​

​

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

你把这种效果叫做什么，这样我就可以找到图层或Javascript代码了？或者，如果有人能给我举一个例子，或者解释怎么做，那就太好了。

Answer 1

对不起，代码太糟糕了，但是您需要这样的代码吗？http://jsfiddle.net/D7Z8v/

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

您可能需要在一些更合适的东西上更改"marginLeft“内部的悬停函数，但它看起来就像您所需要的。

Answer 2

您可以使用z-index将div1置于div2之上，然后可以使用CSS动画、jQuery动画更改div2的位置，也可以调整div2的宽度。