マウスオーバー時にクールに画像を切り替えるjQueryサンプル:phpspot開発日誌

Sliding Boxes and Captions with jQuery | Build Internet! マウスオーバー時にクールに画像を切り替えるjQueryサンプル。 マウスオーバーで滑らかにキャプションが現れたり、画面を切り替えたりできるサンプルのデモとダウンロードが出来ます。 デモページ CSSをでレイヤーを重ね合わせて、上の要素をアニメーションさせてるだけのようですが、なかなかこれがクールですね。 $('.boxgrid.caption').hover(function(){ $(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160}); }, function() { $(".cover", this).stop().animate({top:'220px'},{queue:fals

[code-58]

jQuery css

[sima-box]

ロールオーバー

[moqada]

マウスオーバー時の見せ方。

[www_taca]

マウスオーバーでスライドさせて画像を切り替えるjQueryサンプル