0

そこで、本棚の形をした左横のナビゲーション バーを作っています。私は本を​​横に並べて、1 冊ずつ重ねて、それぞれの本が異なるリンクになっているようにしています。

ボタンには、静的 (単なる本) とホバリング (3D の本) の 2 つの状態があります。これにより、ユーザーが本棚から本を引き出す効果が得られます。jQueryの場合：

前の画像の上にホバリング画像をフェードインするためにjQueryを使用する予定ですが、ホバリング画像が約10px大きいとどうなるか知りたいですか?

そのうちの 1 つにホバリング イメージがフェード インすると、本のスタックはすべて 10 ピクセル下に移動しますか?

ヘルプ？:)

4

1 に答える 1

0

余白が負の大きな本を配置して、他の本と重ねることができます。簡単な例を次に示します。

デモ：

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;
}

</p>

于 2012-06-03T21:46:20.267 に答える