jQueryだけでロールオーバー

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

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

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

動作サンプル

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

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