• 
• 
• 
• 
• 

jQueryでマウスオーバー時に画像やテキストを透過させる

サンプル

サンプルテキスト

ソース

<img src="images/uver.jpg" width="200" height="200" class="alpha" />
<p class="alpha">サンプルテキスト</p>

ソース

img.alpha {
	margin-bottom:10px;
}
p.alpha {
	background-color:#CCC;
	width:50%;
	padding:5px;
}

ソース

$(function(){
  $(".alpha").hover(function(){
    $(this).fadeTo("normal", 0.4);
  },function(){
    $(this).fadeTo("normal", 1.0);
  });
});