透過PNGにも対応のロールオーバーで滑らかに画像が切り替わる国産jQueryプラグイン - かちびと.net
とっても便利そうなjQueryプラグインが あったのでメモ。国産です。IE6、7でも 確認しましたが、Chrome等のブラウザ と相違なく動いてくれます。動きもとても スムーズで素敵。透過PNGにも対応し ていますが、他のライブラリと併用する形。 本当はこのライブラリを配布してくれているサイト自体がとっても素敵だったのでご紹介しようと思っていたのですが、素敵なライブラリも配布してくれていたのでこちらを合わせてご紹介します。 smoothRollOver.js from 日本電子工藝社 ユニークな社名ですね。スキルの高そうなWeb屋さんです。こちらで配布されているsmoothRollOver.jsの動きが素敵でした。マウスオーバーで素敵なエフェクトを実装出来ます。 見たほうが早いですね。日本電子工藝社さんでも使っているみたいなので動作の確認はそちらでご覧下さい。IE6などでも実装できていまし
横並びメニュー｜CSSの小技(指定テクニック)
ここでは横並びメニューサンプルとサンプルソースのみ掲載します。ロールオーバー及びfloatについては特に解説しません。 グローバルナビゲーション部分が#wraaper、#header等のボックス内に配置されているものとします。 テキストのみの場合 横並びメニューサンプル表示 HTML <div id="globalnavi"> <ul> <li><a href="#">Home</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> </ul> </div> css #gl
透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記（09/07/24） 若干修正し、2.1にバージョンアップしました。 （今までのでも問題なく動作します。） ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
