タグ

ロールオーバーに関するtakesimmのブックマーク (2)

  • 透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた

    以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記(09/07/24) 若干修正し、2.1にバージョンアップしました。 (今までのでも問題なく動作します。) ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ

    透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
  • ロールオーバーでフェードするボタンを簡単に実装できるJavaScript | Katt Weblog

    このブログのロゴでも使用してるんだけど、ロールオーバーでフェードするボタンを簡単に実装できるJavaScriptをご紹介します。(スクリプトの名前は不明) どうやら利用は自由のよう。作者様に大感謝です。 ちょっと追記(2009-04-02) このスクリプト、どうやら「shift-jis」コードのHTMLでは動作しないようです。 そんなことって常識なんでしょうかね?僕にはわかりません。 とりあえず「UTF-8」と「euc-jp」では動きました。以上、些細な報告でした。 こちらにいただいたコメントによって解決しました! まだまだ自分は勉強不足だと、改めて実感しました。 コメントをくれた名も無い方、ありがとうございます。 まずはこちら↓から「rollover2.js」をダウンロード。 クロスフェードするロールオーバー処理をお手軽に実装するJavaScript – KAZUMiX memo

  • 1