2011-12-21 8 views
0

私はホバー状態上記アクティブ状態、そしてあなたが上にマウスを移動するとき上に移動するためにそれを伝えるCSSでシングルを持っている...単一の物理イメージjQueryホバーフェード?

<a href="#"><img width="220" height="330" src="thumb.jpg" class="img-thumb"/></a> 

a{ float:left; height:165px; margin-bottom:20px; overflow:hidden; width:220px} 

img{ border:none; margin:0; opacity:1} 

a:hover img{ margin-top:-165px} 

は素晴らしいホバーを超える作品、画像の下部に変更良い。

jQueryを追加してフェードすることができますか?ホバーをあまり粗くしないで、下の画像にフェードインしますか?

アイデア?

ありがとうございました:)

+0

あなたの最善の策であるあなたは、実際にどのように、(マージンを調整して)画像を移動していますjQueryの移行には、イメージをアニメーション化して最終的なホバー休憩場所にすることが必要になります。 – jondavidjohn

答えて

0

をここにあなたがこのCSS3使用しなくても...行く

http://jsfiddle.net/PgnZp/

+0

画像を上にスライドさせると、ある状態から別の状態にフェードインする方法はありませんか? CSS3はうまくいく、jQueryである必要はありません... – Jezthomp

関連する問題