スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。



mirrorMan - オンマウスでフェードイン

いつもチェックさせてもらっている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に設定しなおす行を追加しました。
スポンサーサイト



comment

Secret

while(aho.atEndofStream)

笹部 政宏
笹部 政宏
mail




フリーソフツ
Category
はてブ
Monthly Archive
New Entry
New Comment
New Trackback
RSS
Copyright © Kittens flewby me All Rights Reserved.

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。