jqueryでロールオーバー時にふわっと背景を浮かび上がらせるjqueryコード | バニデザノート
JqueryでBoxのロールオーバー時に 背景をふわっと浮かび上がらせるjqueryコードです。 背景としてひとつ多くＢＯＸを取っているのがポイントです。 Js CSS .box a{ display:block; width:100px; height:100px; } .box_ov{ width:100px; height:100px; position:relative; overflow:none;} .box_bk{ width:100px; height:100px; background: gray; display:none;} .box{ width:100px; height:100px; position:absolute; top:0px; left:0px;} HTMLコード
透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記（09/07/24） 若干修正し、2.1にバージョンアップしました。 （今までのでも問題なく動作します。） ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
