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


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

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


動作サンプル

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


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

TOPページへ前のページへ戻る