jqueryプラグインを探しています。

質問

ttp://akaitaro.com/

上記のサイトのように、画像の部分にマウスオーバーすると画像の上にテキストが表示できるようなプラグインを探しています。

探してみたのですがなかなか見当たらないのですが、どなたかご存知の方がいれば教えていただけないでしょうか。

回答No.1

hig77 · ベストアンサー

googleで
画像 テキスト ロールオーバー jquery プラグイン
で検索してみて下さい。

こんなのが見つかりました。
http://kwski.net/lab/mosaic

お礼

まさに探していたものです。

ありがとうございます。

回答No.2

CyberCypher

でもこれプラグイン使うほどでもないような？

・ｊQuery
$('.box').mouseover(function(e) {
//マウスオーバーでトグル
$(this).children('.targetClass').slideToggle("slow");
}).mouseout(function() {
//マウスアウトでトグル
$(this).children('.targetClass').slideToggle("slow");
});

・HTML
<div class="box">
<h2><img src="imageURL" alt="ImageTitle" /></h2>
<!--opacity：透明度を指定、display:none;デフォルト非表示-->
<p class="targetClass" style="display:none;opacity:0.5">
<a href="/link">
<span>Title</span>
本文
</a>
</p>
<ul>
<li><a href="/link/link1.html">リスト本文</a></li>
<li><a href="/link/link2.html">リスト本文</a></li>
<li><a href="/link/link3.html">リスト本文</a></li>
<li><a href="/link/link4.html">リスト本文</a></li>
<li><a href="/link/link5.html">リスト本文</a></li>
<li><a href="/link/link6.html">リスト本文</a></li>
<li><a href="/link/link7.html">リスト本文</a></li>
</ul>
<p class="btn"><a href="/list">リストのトップ</a></p>
</div>