アクティブなページ用の画像が指定できるjQueryロールオーバープラグインを作ったぜ
2011年5月21日 ロールオーバー時の画像とは別に、カレント時の画像も設定できるロールオーバーjQueryプラグインを作りました。 あらすじ ナビゲーション用の画像は3種類用意されるケースがよくあると思います。通常時の画像、ロールオーバー時の画像、もうひとつが、アクティブなページを表す画像です。 よく見かけるjQueryのロールオーバープラグインは、通常時の画像を「image.png」、ロールオーバー時の画像を「image_on.png」などにしておき、マウスオーバー時に画像を差し替えているものが多いです。ただし、これだとアクティブなページに別の画像を使おうとした際に、ちょっとややこしくなります。 このjQurtyロールオーバープラグインは、ナビゲーション部分に共通のHTMLを使っていても、アクティブページ用の画像を表示することが可能です。 ダウンロード 似たようなプラグインを配布してま
World Wide Deb
The first signs of mounts may appear in adolescence, with more severe development around 30-40 years. It is a deformity in the bone of the big toe, which deviates to the other toes and thus produces a prominent formation, in many cases being painful. It is not possible to say precisely what the cause is,…
透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記（09/07/24） 若干修正し、2.1にバージョンアップしました。 （今までのでも問題なく動作します。） ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
ロールオーバーでフェードするボタンを簡単に実装できるJavaScript | Katt Weblog
このブログのロゴでも使用してるんだけど、ロールオーバーでフェードするボタンを簡単に実装できるJavaScriptをご紹介します。（スクリプトの名前は不明） どうやら利用は自由のよう。作者様に大感謝です。 ちょっと追記（2009-04-02） このスクリプト、どうやら「shift-jis」コードのHTMLでは動作しないようです。 そんなことって常識なんでしょうかね？僕にはわかりません。 とりあえず「UTF-8」と「euc-jp」では動きました。以上、些細な報告でした。 こちらにいただいたコメントによって解決しました！ まだまだ自分は勉強不足だと、改めて実感しました。 コメントをくれた名も無い方、ありがとうございます。 まずはこちら↓から「rollover2.js」をダウンロード。 クロスフェードするロールオーバー処理をお手軽に実装するJavaScript – KAZUMiX memo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
