ロールオーバーでフェードするボタンを簡単に実装できるJavaScript | Katt Weblog
このブログのロゴでも使用してるんだけど、ロールオーバーでフェードするボタンを簡単に実装できるJavaScriptをご紹介します。（スクリプトの名前は不明） どうやら利用は自由のよう。作者様に大感謝です。 ちょっと追記（2009-04-02） このスクリプト、どうやら「shift-jis」コードのHTMLでは動作しないようです。 そんなことって常識なんでしょうかね？僕にはわかりません。 とりあえず「UTF-8」と「euc-jp」では動きました。以上、些細な報告でした。 こちらにいただいたコメントによって解決しました！ まだまだ自分は勉強不足だと、改めて実感しました。 コメントをくれた名も無い方、ありがとうございます。 まずはこちら↓から「rollover2.js」をダウンロード。 クロスフェードするロールオーバー処理をお手軽に実装するJavaScript – KAZUMiX memo
第12回 ふわっと色が変わるボタンを作るには | gihyo.jp
CSS3＋IE対策にJavaScriptを併用 hover時のボタンの処理でよく使われるのが以下のような手法です。 ボタンの画像を2枚用意してJavaScriptで切り替える CSS spriteでhover時の位置をずらしたりする しかし、これだとマウスオーバーした瞬間に切り替わってしまいます。徐々に変化する方が自然に感じますし、洗練された印象を受けるのではないでしょうか。 今回ご紹介するのは、CSS3でアニメーションを使ってhover時にボタンの色を変化させる方法です。これにはtransitionプロパティを使うのですが、以下のようにIEが非対応という問題があります。 Windows Firefox 4.03 ○ Safari 5 ○ Chrome 7 ○ Opera 10.63 ○ IE 6 × IE 7 × IE 8 × Mac Firefox 3.6 × Safari 5 ○ C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
