Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる

リモートロールオーバー、つまり、離れた部分の画像をロールオーバーで変化させる動作は、JavaScript を使わずに CSS だけででも可能。今は無くなってるっぽいんだけど、一時、adaptive path でも使われていてたやつを参考に、サンプルを作ってみた。 remote.html サンプルの (X)HTML コードは下記の通り。 <div id="rollover"> <ul> <li id="food"><a href="#"><em>焼き肉</em></a></li> <li id="sneaker"><a href="#"><em>オニツカタイガー ファブレ74/0123</em></a></li> <li id="beer"><a href="#"><em>仕事の後のビール</em></a></li> <li id="coffee"><a href="#"><em>缶コーヒー

[webmarksjp]

リモートロールオーバ

[gugugonta]

2005-08-25 // 再読

[asiamoth]

『離れた部分の画像をロールオーバーで変化させる』のを、javascriptを使わずに表現。

[yellowblog]

何かに使えたら・・・、いいなぁ。。

[so_ra_to]

ロールオーバーを別の場所で。

[wacky]

離れた位置の画像をロールオーバーで変化させる仕組みをCSSだけで実現。position:absoluteを使った力技。

[retlet]

無理矢理だなぁ。実際やるとしたらJavascript使う

[t_utsumi]

アイデア賞。そんだけ。