東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【jQuery】ふわっと半透明するロールオーバー

これも今更感満載だけれども。

汎用性高いので備忘録で。


【html】

<img src="images/sample.jpg" width="100" height="100" class="toumei" />
<p class="toumei">サンプルテキスト</p>

css

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

jQuery(head内に記述)】

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function(){
  jQuery(".toumei").hover(function(){
    jQuery(this).fadeTo("normal", 0.4);
  },function(){
    jQuery(this).fadeTo("normal", 1.0);
  });
});
</script>

上記のjqueryコードはwordpressに使用。状況によっては「jQuery」の表記を「$」に書き換え要。

【参考URL】
http://rx7fctale.web.fc2.com/jquery/rollover.html

http://blog.696.jp/txt/876/

http://memocarilog.info/jquery/3924