Kittens flewby me

いつもチェックさせてもらっているcolissさんのサイトで、おもしろいエフェクトを紹介されていたのでmirrorManにもつけてみました。
お気に入りボタンにフェードインのエフェクトをつけたソースの抜粋です。

<style>
  .setLstSpn {display:block;padding:0px 8px 0px 8px;
              background:url(img/setLstLft.gif) no-repeat -1px right
             }
</style>

<script>
with(document.body){
  onmouseover = handleMouseOver;
}

function handleMouseOver(){
  var src = event.toElement||event.srcElement;
  var cls = src.className;

  …(省略)

  }else if(/^setLstSpn/.test(cls)){
    $(src).toggle().fadeIn();
    if(/MSIE 6/.test(navigator.appVersion)) $(src).css('display','inline');
    src.style.background = 'url(img/setLStRht.gif) no-repeat -1px right';
  }
}
</script>

ここでfadeIn()は思いつかなかった！

フォーカスが
フェードインで
明るくなります

追記：PCのIEが6だった場合に要素がブロック化してレイアウトがぐちゃぐちゃになってしまっていたので、displayプロパティをinlineに設定しなおす行を追加しました。