画像のマウスオーバーで、離れた位置に拡大画像を表示する カテゴリ:CSSテクニック 2009年1月14日 23:21 前回の「CSSだけで作るマウスオーバーでの画像の拡大」の応用として作ったサンプルです。 ただ、今回は少し収穫がありました。 a:hoverを使っての、a要素内のdisplayの操作に関する新しい発見です。 とりあえずデモはこちらから。 画像のマウスオーバーで、離れた位置に拡大画像を表示する ▼EntryMore▼ さて、まずは以下のソースを見てください。 HTMLソース ここに画像を表示 ... > このページを見る
最終更新時間:
2009年01月19日11時17分
みんなのブックマーク 人気(0) 新着
- 例えばメニューをマウスオーバーすると別ペインに画像が表示される、などをjavascriptを使わずに作る
- CSSだけで、マウスオーバー時に離れた場所に画像を表示させるテクニックです。
- マウスオーバー画像表示
- web
- 仕事
- 画像2つをaで囲み、一方を隠す。ボタン側にdisplay: static;指定
このエントリーを含むエントリー(9)
-
ピュアCSSで実装するDKIRを応用した画像ボタンのロールオーバー効果 | CSS-EBLOG 36 users
-
テキストボックスのデフォルト値を表示・非表示するJavascript | CSS-EBLOG 12 users
-
IE6で透過PNGを手軽に使えるJavascriptライブラリ「DD_belatedPNG」 | CSS-EBLOG 113 users
-
CSSセレクタまとめ3 | CSS-EBLOG 9 users
-
IE6で背景が表示されない際にチェックすること | CSS-EBLOG 60 users
-
3カラムレイアウトで、両端を可変にする。(リキッドレイアウト) | CSS-EBLOG 2 users
-
CSSセレクタまとめ2 | CSS-EBLOG 4 users
-
CSSセレクタまとめ1 | CSS-EBLOG 22 users
-
イージングを簡単に実装するJavascriptライブラリ | CSS-EBLOG 17 users








