jQueryをgoogleから読み込む

2009年05月31日(日)

あまりに使う場面が多いので
メモっときます。

<script src="http://www.google.com/jsapi" type="text/javascript" ></script>
<script type="text/javascript">google.load("jquery", "1.2");</script>

1.2の部分を1.3とすれば1.3.xのいちばん新しいものを読み込んでくれるとのこと。

<script src="http://www.google.com/jsapi" type="text/javascript" ></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>

jQueryUIもあります

<script src="http://www.google.com/jsapi" type="text/javascript" ></script>
<script type="text/javascript">google.load("jqueryUI", "1.5");</script>

すごく便利です。

jQuery マウスオーバーで画像の透明度変更

2009年05月31日(日)

fadeTo(milisec,alpha);
すごく基本的なところだとおもいます。
$(“.shadow”)は複数存在しますが
$(this)でホバーしたオブジェクトを選択しているのでしょう。
厳密にはちょっとわかりませんが。

$(".shadow").hover(
  function(){
    $(this).fadeTo(500,0);
  },
  function(){
    $(this).fadeTo(200,1);
 }
);