改造人ツクルダー & ザ・テクトロイド・ボックスTUKURUDER & The Techtroid Box

これまでロールオーバーを色々と検討してきたが、jQueryを使えばやりたかったことが、こんなに簡単にできてしまう。

今までなんて面倒なことをやってたんだろう、、、

知らないって恐ろしい、、、

動作サンプル

[codesyntax lang=”javascript” title=”jQuery”]

$(function(){
  $('a img').hover(
    function() {
      $(this).fadeTo(1, 0.5);
    },
    function() {
      $(this).fadeTo(100, 1);
    }
  );
});

[/codesyntax]

透明部分が含まれるPNG画像を使用する場合、IEでは透明部分の表示がおかしくなることがあるようだ。最近構築したサイトでは透過PNGを多用していたので、できる限り透過GIFへ差し替えた。