jQuery：当用户将鼠标悬停在它上面时，按钮会有更大的图片？

Question

所以我正在制作一个书柜形状的左水平导航栏。我把书水平放下，一个在另一个上面，每本书都是不同的链接。

按钮有两种状态，静态（只是一本书）和悬停（一本3d看书）。这给出了用户从书柜中取出书籍的效果。现在为jQuery：

我打算使用jQuery淡化上一张图像上方的悬停图像，但我想知道如果悬停图像大约10px会发生什么？

当其中一本书的徘徊图像逐渐消失时，一摞书总会向下移动10px？

帮助？ ：）

Answer 1

您可以将具有负边距的较大书籍与其他书籍重叠。 这是一个简单的例子：

演示：

http://jsfiddle.net/5TeHu/

CSS：

a{
    display:block;
    width:30px;
    height:100px;
    border:1px solid #aaa;
    margin:10px 1px;
    background:#ddd;   
    float:left;
    position:relative;
}

a:hover{
    width:50px; 
    height:120px;
    margin:0 -9px;
    z-index:2;
}